ant-design/components/locale-provider/__tests__/index.test.tsx
左耳咚 2ece2c6b63
Feature: Burmese translation (#41366)
* feat:  Burmese translation

* fix: fix Burmese - MYANMAR locale typo

* Update components/locale/my_MM.ts

Co-authored-by: Amumu <yoyo837@hotmail.com>

* fix: 🐞 modify package version

* fix: 🐞 add locale snap

* docs: 📃 update docs

---------

Co-authored-by: Amumu <yoyo837@hotmail.com>
2023-03-21 11:56:06 +08:00

328 lines
8.3 KiB
TypeScript

/* eslint-disable react/no-multi-comp */
import dayjs from 'dayjs';
import 'dayjs/locale/ar';
import 'dayjs/locale/az';
import 'dayjs/locale/be';
import 'dayjs/locale/bg';
import 'dayjs/locale/bn-bd';
import 'dayjs/locale/ca';
import 'dayjs/locale/cs';
import 'dayjs/locale/da';
import 'dayjs/locale/de';
import 'dayjs/locale/el';
import 'dayjs/locale/en';
import 'dayjs/locale/en-gb';
import 'dayjs/locale/es';
import 'dayjs/locale/et';
import 'dayjs/locale/fa';
import 'dayjs/locale/fi';
import 'dayjs/locale/fr';
import 'dayjs/locale/fr-ca';
import 'dayjs/locale/ga';
import 'dayjs/locale/gl';
import 'dayjs/locale/he';
import 'dayjs/locale/hi';
import 'dayjs/locale/hr';
import 'dayjs/locale/hu';
import 'dayjs/locale/hy-am';
import 'dayjs/locale/id';
import 'dayjs/locale/is';
import 'dayjs/locale/it';
import 'dayjs/locale/ja';
import 'dayjs/locale/ka';
import 'dayjs/locale/kk';
import 'dayjs/locale/km';
import 'dayjs/locale/kn';
import 'dayjs/locale/ko';
import 'dayjs/locale/ku';
import 'dayjs/locale/lt';
import 'dayjs/locale/lv';
import 'dayjs/locale/mk';
import 'dayjs/locale/ml';
import 'dayjs/locale/mn';
import 'dayjs/locale/ms';
import 'dayjs/locale/nb';
import 'dayjs/locale/ne';
import 'dayjs/locale/nl';
import 'dayjs/locale/nl-be';
import 'dayjs/locale/pl';
import 'dayjs/locale/pt';
import 'dayjs/locale/pt-br';
import 'dayjs/locale/ro';
import 'dayjs/locale/ru';
import 'dayjs/locale/sk';
import 'dayjs/locale/sl';
import 'dayjs/locale/sr';
import 'dayjs/locale/sv';
import 'dayjs/locale/ta';
import 'dayjs/locale/th';
import 'dayjs/locale/tk';
import 'dayjs/locale/tr';
import 'dayjs/locale/uk';
import 'dayjs/locale/ur';
import 'dayjs/locale/vi';
import 'dayjs/locale/zh-cn';
import 'dayjs/locale/zh-hk';
import 'dayjs/locale/zh-tw';
import preParsePostFormat from 'dayjs/plugin/preParsePostFormat';
import MockDate from 'mockdate';
import React from 'react';
import { render } from '../../../tests/utils';
import type { Locale } from '../../locale';
import LocaleProvider from '../../locale';
import {
Calendar,
DatePicker,
Modal,
Pagination,
Popconfirm,
Select,
Table,
TimePicker,
Transfer,
} from '../..';
import mountTest from '../../../tests/shared/mountTest';
import arEG from '../../locale/ar_EG';
import azAZ from '../../locale/az_AZ';
import bgBG from '../../locale/bg_BG';
import bnBD from '../../locale/bn_BD';
import byBY from '../../locale/by_BY';
import caES from '../../locale/ca_ES';
import csCZ from '../../locale/cs_CZ';
import daDK from '../../locale/da_DK';
import deDE from '../../locale/de_DE';
import elGR from '../../locale/el_GR';
import enGB from '../../locale/en_GB';
import enUS from '../../locale/en_US';
import esES from '../../locale/es_ES';
import etEE from '../../locale/et_EE';
import euES from '../../locale/eu_ES';
import faIR from '../../locale/fa_IR';
import fiFI from '../../locale/fi_FI';
import frBE from '../../locale/fr_BE';
import frCA from '../../locale/fr_CA';
import frFR from '../../locale/fr_FR';
import gaIE from '../../locale/ga_IE';
import glES from '../../locale/gl_ES';
import heIL from '../../locale/he_IL';
import hiIN from '../../locale/hi_IN';
import hrHR from '../../locale/hr_HR';
import huHU from '../../locale/hu_HU';
import hyAM from '../../locale/hy_AM';
import idID from '../../locale/id_ID';
import isIS from '../../locale/is_IS';
import itIT from '../../locale/it_IT';
import jaJP from '../../locale/ja_JP';
import kaGE from '../../locale/ka_GE';
import kkKZ from '../../locale/kk_KZ';
import kmrIQ from '../../locale/kmr_IQ';
import kmKH from '../../locale/km_KH';
import knIN from '../../locale/kn_IN';
import koKR from '../../locale/ko_KR';
import kuIQ from '../../locale/ku_IQ';
import ltLT from '../../locale/lt_LT';
import lvLV from '../../locale/lv_LV';
import mkMK from '../../locale/mk_MK';
import mlIN from '../../locale/ml_IN';
import mnMN from '../../locale/mn_MN';
import msMY from '../../locale/ms_MY';
import nbNO from '../../locale/nb_NO';
import neNP from '../../locale/ne_NP';
import nlBE from '../../locale/nl_BE';
import nlNL from '../../locale/nl_NL';
import plPL from '../../locale/pl_PL';
import ptBR from '../../locale/pt_BR';
import ptPT from '../../locale/pt_PT';
import roRO from '../../locale/ro_RO';
import ruRU from '../../locale/ru_RU';
import siLK from '../../locale/si_LK';
import skSK from '../../locale/sk_SK';
import slSI from '../../locale/sl_SI';
import srRS from '../../locale/sr_RS';
import svSE from '../../locale/sv_SE';
import taIN from '../../locale/ta_IN';
import thTH from '../../locale/th_TH';
import tkTK from '../../locale/tk_TK';
import trTR from '../../locale/tr_TR';
import ukUA from '../../locale/uk_UA';
import urPK from '../../locale/ur_PK';
import viVN from '../../locale/vi_VN';
import zhCN from '../../locale/zh_CN';
import zhHK from '../../locale/zh_HK';
import zhTW from '../../locale/zh_TW';
import myMM from '../../locale/my_MM';
dayjs.extend(preParsePostFormat);
const locales = [
azAZ,
arEG,
bgBG,
bnBD,
byBY,
caES,
csCZ,
daDK,
deDE,
elGR,
enGB,
enUS,
esES,
etEE,
euES,
faIR,
fiFI,
frBE,
frCA,
frFR,
gaIE,
glES,
heIL,
hiIN,
hrHR,
huHU,
hyAM,
isIS,
itIT,
jaJP,
kaGE,
kkKZ,
knIN,
koKR,
kmKH,
kmrIQ,
kuIQ,
ltLT,
mkMK,
mlIN,
msMY,
mnMN,
nbNO,
neNP,
nlBE,
nlNL,
plPL,
ptBR,
ptPT,
roRO,
ruRU,
siLK,
skSK,
slSI,
srRS,
svSE,
taIN,
thTH,
trTR,
tkTK,
ukUA,
viVN,
idID,
lvLV,
zhCN,
zhHK,
zhTW,
urPK,
myMM,
];
const { Option } = Select;
const { RangePicker } = DatePicker;
const columns = [
{
title: 'Name',
dataIndex: 'name',
filters: [{ text: 'filter1', value: 'filter1' }],
},
{ title: 'Age', dataIndex: 'age' },
];
const App: React.FC = () => (
<div>
<Pagination defaultCurrent={1} total={50} showSizeChanger />
<Select showSearch style={{ width: 200 }}>
<Option value="jack">jack</Option>
<Option value="lucy">lucy</Option>
</Select>
<DatePicker open />
<TimePicker open defaultOpenValue={dayjs()} />
<RangePicker open style={{ width: 200 }} />
<Popconfirm title="Question?" open>
<a>Click to confirm</a>
</Popconfirm>
<Transfer dataSource={[]} showSearch targetKeys={[]} render={(item: any) => item.title} />
<Calendar fullscreen={false} value={dayjs()} />
<Table dataSource={[]} columns={columns} />
<Modal title="Locale Modal" open getContainer={false}>
<p>Locale Modal</p>
</Modal>
</div>
);
describe('Locale Provider', () => {
mountTest(() => (
<LocaleProvider locale={null as unknown as Locale}>
<div />
</LocaleProvider>
));
beforeAll(() => {
MockDate.set(dayjs('2017-09-18T03:30:07.795').valueOf());
});
afterAll(() => {
MockDate.reset();
});
locales.forEach((locale) => {
it(`should display the text as ${locale.locale}`, () => {
const { container } = render(
<LocaleProvider locale={locale}>
<App />
</LocaleProvider>,
);
expect(container.firstChild).toMatchSnapshot();
});
});
it('should change locale of Modal.xxx', () => {
locales.forEach((locale) => {
const { container } = render(
<LocaleProvider locale={locale}>
<Modal title="Locale Modal" open getContainer={false}>
Modal
</Modal>
</LocaleProvider>,
);
let cancelButtonText = container?.querySelector('button.ant-btn-default span')?.innerHTML;
let okButtonText = container?.querySelector('button.ant-btn-primary span')?.innerHTML;
if (locale.locale.includes('zh-')) {
cancelButtonText = cancelButtonText?.replace(' ', '');
okButtonText = okButtonText?.replace(' ', '');
}
expect(cancelButtonText).toBe(locale.Modal?.cancelText);
expect(okButtonText).toBe(locale.Modal?.okText);
});
});
it('set dayjs locale when locale changes', () => {
const Test: React.FC<{ locale?: Locale }> = ({ locale }) => (
<LocaleProvider locale={locale!}>
<div>
<DatePicker defaultValue={dayjs()} open />
</div>
</LocaleProvider>
);
const { container, rerender } = render(<Test locale={zhCN} />);
expect(container.firstChild).toMatchSnapshot();
rerender(<Test locale={frFR} />);
expect(container.firstChild).toMatchSnapshot();
rerender(<Test />);
expect(container.firstChild).toMatchSnapshot();
});
});