ant-design/components/locale-provider/__tests__/index.test.js

261 lines
5.9 KiB
JavaScript
Raw Normal View History

2018-01-13 17:53:25 +08:00
/* eslint-disable react/no-multi-comp */
import React from 'react';
import { mount } from 'enzyme';
import moment from 'moment';
import MockDate from 'mockdate';
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 '../..';
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';
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';
import heIL from '../he_IL';
2018-12-21 13:21:13 +08:00
import hiIN from '../hi_IN';
import hrHR from '../hr_HR';
import huHU from '../hu_HU';
import isIS from '../is_IS';
2017-06-05 17:28:45 +08:00
import itIT from '../it_IT';
import jaJP from '../ja_JP';
2018-12-22 01:49:19 +08:00
import knIN from '../kn_IN';
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';
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';
import ptBR from '../pt_BR';
import ptPT from '../pt_PT';
import roRO from '../ro_RO';
import ruRU from '../ru_RU';
2017-03-24 10:30:37 +08:00
import skSK from '../sk_SK';
import slSI from '../sl_SI';
import srRS from '../sr_RS';
import svSE from '../sv_SE';
import taIN from '../ta_IN';
import thTH from '../th_TH';
import trTR from '../tr_TR';
import ukUA from '../uk_UA';
import viVN from '../vi_VN';
2018-11-12 12:18:21 +08:00
import idID from '../id_ID';
import lvLV from '../lv_LV';
2018-01-13 17:53:25 +08:00
import zhCN from '../zh_CN';
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,
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,
roRO,
2018-12-07 20:02:01 +08:00
ruRU,
skSK,
slSI,
srRS,
svSE,
taIN,
2018-12-07 20:02:01 +08:00
thTH,
trTR,
ukUA,
viVN,
idID,
lvLV,
2018-12-07 20:02:01 +08:00
zhCN,
zhTW,
2018-11-28 15:00:03 +08:00
];
2017-10-09 13:23:20 +08:00
const { Option } = Select;
const { RangePicker } = DatePicker;
2018-12-07 20:02:01 +08:00
const columns = [
{
title: 'Name',
dataIndex: 'name',
filters: [
{
text: 'filter1',
value: 'filter1',
},
],
},
{
title: 'Age',
dataIndex: 'age',
},
];
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 }} />
<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} />
<Calendar fullscreen={false} value={moment()} />
<Table dataSource={[]} columns={columns} />
2019-07-11 21:22:27 +08:00
<Modal title="Locale Modal" visible getContainer={false}>
<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(() => {
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}`, () => {
const wrapper = mount(
<LocaleProvider locale={locale}>
<App />
2018-12-07 20:02:01 +08:00
</LocaleProvider>,
);
expect(wrapper.render()).toMatchSnapshot();
});
});
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!',
});
}
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() {
const { locale } = this.state;
2018-01-13 17:53:25 +08:00
return (
<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
});
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();
});
});