2018-01-13 17:53:25 +08:00
|
|
|
/* eslint-disable react/no-multi-comp */
|
2017-01-23 21:08:16 +08:00
|
|
|
import React from 'react';
|
|
|
|
import { mount } from 'enzyme';
|
|
|
|
import moment from 'moment';
|
2017-09-26 23:12:47 +08:00
|
|
|
import MockDate from 'mockdate';
|
2019-07-24 10:34:55 +08:00
|
|
|
import { resetWarned } from '../../_util/warning';
|
2019-08-26 22:53:20 +08:00
|
|
|
import mountTest from '../../../tests/shared/mountTest';
|
2018-11-28 15:00:03 +08:00
|
|
|
import {
|
2018-12-07 20:02:01 +08:00
|
|
|
LocaleProvider,
|
|
|
|
Pagination,
|
|
|
|
DatePicker,
|
|
|
|
TimePicker,
|
|
|
|
Calendar,
|
|
|
|
Popconfirm,
|
|
|
|
Table,
|
|
|
|
Modal,
|
|
|
|
Select,
|
|
|
|
Transfer,
|
2018-11-28 15:00:03 +08:00
|
|
|
} from '../..';
|
2018-11-09 16:41:47 +08:00
|
|
|
import arEG from '../ar_EG';
|
|
|
|
import bgBG from '../bg_BG';
|
|
|
|
import caES from '../ca_ES';
|
|
|
|
import csCZ from '../cs_CZ';
|
|
|
|
import daDK from '../da_DK';
|
|
|
|
import deDE from '../de_DE';
|
|
|
|
import elGR from '../el_GR';
|
2017-06-05 17:28:45 +08:00
|
|
|
import enGB from '../en_GB';
|
2018-11-09 16:41:47 +08:00
|
|
|
import enUS from '../en_US';
|
|
|
|
import esES from '../es_ES';
|
|
|
|
import etEE from '../et_EE';
|
|
|
|
import faIR from '../fa_IR';
|
|
|
|
import fiFI from '../fi_FI';
|
|
|
|
import frBE from '../fr_BE';
|
2017-06-05 17:28:45 +08:00
|
|
|
import frFR from '../fr_FR';
|
2018-11-09 16:41:47 +08:00
|
|
|
import heIL from '../he_IL';
|
2018-12-21 13:21:13 +08:00
|
|
|
import hiIN from '../hi_IN';
|
2019-04-24 12:18:59 +08:00
|
|
|
import hrHR from '../hr_HR';
|
2018-11-09 16:41:47 +08:00
|
|
|
import huHU from '../hu_HU';
|
|
|
|
import isIS from '../is_IS';
|
2017-06-05 17:28:45 +08:00
|
|
|
import itIT from '../it_IT';
|
2018-11-09 16:41:47 +08:00
|
|
|
import jaJP from '../ja_JP';
|
2018-12-22 01:49:19 +08:00
|
|
|
import knIN from '../kn_IN';
|
2018-11-09 16:41:47 +08:00
|
|
|
import koKR from '../ko_KR';
|
|
|
|
import kuIQ from '../ku_IQ';
|
|
|
|
import mnMN from '../mn_MN';
|
2019-07-12 07:52:58 +08:00
|
|
|
import msMY from '../ms_MY';
|
2018-11-09 16:41:47 +08:00
|
|
|
import nbNO from '../nb_NO';
|
|
|
|
import neNP from '../ne-NP';
|
|
|
|
import nlBE from '../nl_BE';
|
|
|
|
import nlNL from '../nl_NL';
|
|
|
|
import plPL from '../pl_PL';
|
2017-01-23 21:08:16 +08:00
|
|
|
import ptBR from '../pt_BR';
|
2017-09-22 10:02:01 +08:00
|
|
|
import ptPT from '../pt_PT';
|
2019-08-08 17:24:31 +08:00
|
|
|
import roRO from '../ro_RO';
|
2017-01-23 21:08:16 +08:00
|
|
|
import ruRU from '../ru_RU';
|
2017-03-24 10:30:37 +08:00
|
|
|
import skSK from '../sk_SK';
|
2018-03-26 11:44:27 +08:00
|
|
|
import slSI from '../sl_SI';
|
2018-11-09 16:41:47 +08:00
|
|
|
import srRS from '../sr_RS';
|
|
|
|
import svSE from '../sv_SE';
|
2019-07-26 00:31:05 +08:00
|
|
|
import taIN from '../ta_IN';
|
2018-11-09 16:41:47 +08:00
|
|
|
import thTH from '../th_TH';
|
|
|
|
import trTR from '../tr_TR';
|
2017-11-14 16:10:54 +08:00
|
|
|
import ukUA from '../uk_UA';
|
2018-11-09 16:41:47 +08:00
|
|
|
import viVN from '../vi_VN';
|
2018-11-12 12:18:21 +08:00
|
|
|
import idID from '../id_ID';
|
2019-08-27 16:33:23 +08:00
|
|
|
import lvLV from '../lv_LV';
|
2018-01-13 17:53:25 +08:00
|
|
|
import zhCN from '../zh_CN';
|
2018-11-09 16:41:47 +08:00
|
|
|
import zhTW from '../zh_TW';
|
2017-04-13 11:12:30 +08:00
|
|
|
|
2018-11-28 15:00:03 +08:00
|
|
|
const locales = [
|
2018-12-07 20:02:01 +08:00
|
|
|
arEG,
|
|
|
|
bgBG,
|
|
|
|
caES,
|
|
|
|
csCZ,
|
|
|
|
daDK,
|
|
|
|
deDE,
|
|
|
|
elGR,
|
|
|
|
enGB,
|
|
|
|
enUS,
|
|
|
|
esES,
|
|
|
|
etEE,
|
|
|
|
faIR,
|
|
|
|
fiFI,
|
|
|
|
frBE,
|
|
|
|
frFR,
|
|
|
|
heIL,
|
2018-12-21 13:21:13 +08:00
|
|
|
hiIN,
|
2019-04-24 12:18:59 +08:00
|
|
|
hrHR,
|
2018-12-07 20:02:01 +08:00
|
|
|
huHU,
|
|
|
|
isIS,
|
|
|
|
itIT,
|
|
|
|
jaJP,
|
2018-12-22 01:49:19 +08:00
|
|
|
knIN,
|
2018-12-07 20:02:01 +08:00
|
|
|
koKR,
|
|
|
|
kuIQ,
|
2019-07-12 07:52:58 +08:00
|
|
|
msMY,
|
2018-12-07 20:02:01 +08:00
|
|
|
mnMN,
|
|
|
|
nbNO,
|
|
|
|
neNP,
|
|
|
|
nlBE,
|
|
|
|
nlNL,
|
|
|
|
plPL,
|
|
|
|
ptBR,
|
|
|
|
ptPT,
|
2019-08-08 17:24:31 +08:00
|
|
|
roRO,
|
2018-12-07 20:02:01 +08:00
|
|
|
ruRU,
|
|
|
|
skSK,
|
|
|
|
slSI,
|
|
|
|
srRS,
|
|
|
|
svSE,
|
2019-07-26 00:31:05 +08:00
|
|
|
taIN,
|
2018-12-07 20:02:01 +08:00
|
|
|
thTH,
|
|
|
|
trTR,
|
|
|
|
ukUA,
|
|
|
|
viVN,
|
|
|
|
idID,
|
2019-08-27 16:33:23 +08:00
|
|
|
lvLV,
|
2018-12-07 20:02:01 +08:00
|
|
|
zhCN,
|
|
|
|
zhTW,
|
2018-11-28 15:00:03 +08:00
|
|
|
];
|
2017-01-23 21:08:16 +08:00
|
|
|
|
2017-10-09 13:23:20 +08:00
|
|
|
const { Option } = Select;
|
|
|
|
const { RangePicker } = DatePicker;
|
2017-01-23 21:08:16 +08:00
|
|
|
|
2018-12-07 20:02:01 +08:00
|
|
|
const columns = [
|
|
|
|
{
|
|
|
|
title: 'Name',
|
|
|
|
dataIndex: 'name',
|
|
|
|
filters: [
|
|
|
|
{
|
|
|
|
text: 'filter1',
|
|
|
|
value: 'filter1',
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
{
|
|
|
|
title: 'Age',
|
|
|
|
dataIndex: 'age',
|
|
|
|
},
|
|
|
|
];
|
2017-01-23 21:08:16 +08:00
|
|
|
|
|
|
|
const App = () => (
|
|
|
|
<div>
|
|
|
|
<Pagination defaultCurrent={1} total={50} showSizeChanger />
|
|
|
|
<Select showSearch style={{ width: 200 }}>
|
|
|
|
<Option value="jack">jack</Option>
|
|
|
|
<Option value="lucy">lucy</Option>
|
|
|
|
</Select>
|
2017-12-29 18:44:19 +08:00
|
|
|
<DatePicker open />
|
|
|
|
<TimePicker open defaultOpenValue={moment()} />
|
|
|
|
<RangePicker open style={{ width: 200 }} />
|
2017-01-23 21:08:16 +08:00
|
|
|
<Popconfirm title="Question?" visible>
|
|
|
|
<a>Click to confirm</a>
|
|
|
|
</Popconfirm>
|
2018-12-07 20:02:01 +08:00
|
|
|
<Transfer dataSource={[]} showSearch targetKeys={[]} render={item => item.title} />
|
2017-01-23 21:08:16 +08:00
|
|
|
<Calendar fullscreen={false} value={moment()} />
|
|
|
|
<Table dataSource={[]} columns={columns} />
|
2019-07-11 21:22:27 +08:00
|
|
|
<Modal title="Locale Modal" visible getContainer={false}>
|
2017-01-23 21:08:16 +08:00
|
|
|
<p>Locale Modal</p>
|
|
|
|
</Modal>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
describe('Locale Provider', () => {
|
2019-08-26 22:53:20 +08:00
|
|
|
mountTest(() => <LocaleProvider><div /></LocaleProvider>);
|
|
|
|
|
2018-01-13 17:53:25 +08:00
|
|
|
beforeAll(() => {
|
2018-03-10 17:17:07 +08:00
|
|
|
MockDate.set(moment('2017-09-18T03:30:07.795'));
|
2018-01-13 17:53:25 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
afterAll(() => {
|
|
|
|
MockDate.reset();
|
|
|
|
});
|
|
|
|
|
2018-12-07 20:02:01 +08:00
|
|
|
locales.forEach(locale => {
|
2017-12-29 18:44:19 +08:00
|
|
|
it(`should display the text as ${locale.locale}`, () => {
|
2017-01-23 21:08:16 +08:00
|
|
|
const wrapper = mount(
|
|
|
|
<LocaleProvider locale={locale}>
|
|
|
|
<App />
|
2018-12-07 20:02:01 +08:00
|
|
|
</LocaleProvider>,
|
2017-01-23 21:08:16 +08:00
|
|
|
);
|
2017-10-31 14:55:53 +08:00
|
|
|
expect(wrapper.render()).toMatchSnapshot();
|
2017-01-23 21:08:16 +08:00
|
|
|
});
|
|
|
|
});
|
2017-03-27 12:08:48 +08:00
|
|
|
|
|
|
|
it('should change locale of Modal.xxx', () => {
|
|
|
|
class ModalDemo extends React.Component {
|
|
|
|
componentDidMount() {
|
|
|
|
Modal.confirm({
|
|
|
|
title: 'Hello World!',
|
|
|
|
});
|
|
|
|
}
|
2018-06-22 21:05:13 +08:00
|
|
|
|
2017-03-27 12:08:48 +08:00
|
|
|
render() {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
2018-12-07 20:02:01 +08:00
|
|
|
locales.forEach(locale => {
|
2017-03-27 12:08:48 +08:00
|
|
|
mount(
|
|
|
|
<LocaleProvider locale={locale}>
|
|
|
|
<ModalDemo />
|
2018-12-07 20:02:01 +08:00
|
|
|
</LocaleProvider>,
|
2017-03-27 12:08:48 +08:00
|
|
|
);
|
2018-12-07 20:02:01 +08:00
|
|
|
const currentConfirmNode = document.querySelectorAll('.ant-modal-confirm')[
|
|
|
|
document.querySelectorAll('.ant-modal-confirm').length - 1
|
|
|
|
];
|
|
|
|
let cancelButtonText = currentConfirmNode.querySelectorAll(
|
|
|
|
'.ant-btn:not(.ant-btn-primary) span',
|
|
|
|
)[0].innerHTML;
|
2018-01-13 17:53:25 +08:00
|
|
|
let okButtonText = currentConfirmNode.querySelectorAll('.ant-btn-primary span')[0].innerHTML;
|
|
|
|
if (locale.locale === 'zh-cn') {
|
|
|
|
cancelButtonText = cancelButtonText.replace(' ', '');
|
|
|
|
okButtonText = okButtonText.replace(' ', '');
|
|
|
|
}
|
2017-03-27 12:08:48 +08:00
|
|
|
expect(cancelButtonText).toBe(locale.Modal.cancelText);
|
|
|
|
expect(okButtonText).toBe(locale.Modal.okText);
|
|
|
|
});
|
|
|
|
});
|
2018-01-13 17:53:25 +08:00
|
|
|
|
|
|
|
it('set moment locale when locale changes', () => {
|
|
|
|
class Test extends React.Component {
|
|
|
|
state = {
|
|
|
|
locale: zhCN,
|
2018-12-07 20:02:01 +08:00
|
|
|
};
|
2018-01-13 17:53:25 +08:00
|
|
|
|
|
|
|
render() {
|
2018-06-22 21:05:13 +08:00
|
|
|
const { locale } = this.state;
|
2018-01-13 17:53:25 +08:00
|
|
|
return (
|
2018-06-22 21:05:13 +08:00
|
|
|
<LocaleProvider locale={locale}>
|
2018-01-13 17:53:25 +08:00
|
|
|
<div>
|
|
|
|
<DatePicker defaultValue={moment()} open />
|
|
|
|
</div>
|
|
|
|
</LocaleProvider>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const wrapper = mount(<Test />);
|
|
|
|
expect(wrapper.render()).toMatchSnapshot();
|
|
|
|
wrapper.setState({ locale: frFR });
|
|
|
|
expect(wrapper.render()).toMatchSnapshot();
|
2018-01-14 01:30:21 +08:00
|
|
|
wrapper.setState({ locale: null });
|
|
|
|
expect(wrapper.render()).toMatchSnapshot();
|
2018-01-13 17:53:25 +08:00
|
|
|
});
|
2019-07-24 10:34:55 +08:00
|
|
|
|
|
|
|
it('warning if use LocaleProvider', () => {
|
|
|
|
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
|
|
|
|
resetWarned();
|
|
|
|
|
|
|
|
mount(
|
|
|
|
<LocaleProvider locale={{}}>
|
|
|
|
<div />
|
|
|
|
</LocaleProvider>,
|
|
|
|
);
|
|
|
|
expect(errorSpy).toHaveBeenCalledWith(
|
|
|
|
'Warning: [antd: LocaleProvider] `LocaleProvider` is deprecated. Please use `locale` with `ConfigProvider` instead: http://u.ant.design/locale',
|
|
|
|
);
|
|
|
|
|
|
|
|
errorSpy.mockRestore();
|
|
|
|
});
|
2017-01-23 21:08:16 +08:00
|
|
|
});
|