mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
db0344c85f
* test: migrate part of ConfigProvider tests * test: migrate part of ConfigProvider tests * test: update snap * test: update snap * test: migrate part of ConfigProvider tests * fix: commented error case * chore: update snapshot name * test: csp test case * test: revert test case * test: Update snapshot * test: Update ser logic * test: more cov * test: cascader snapshit * test: update match * test: more detact * test: more handler * chore: Update snapshot * test: Table test case Co-authored-by: 二货机器人 <smith3816@gmail.com>
128 lines
3.5 KiB
TypeScript
128 lines
3.5 KiB
TypeScript
import React from 'react';
|
|
import { act } from 'react-dom/test-utils';
|
|
import ConfigProvider from '..';
|
|
import { render } from '../../../tests/utils';
|
|
import Form from '../../form';
|
|
import zhCN from '../../locale/zh_CN';
|
|
|
|
describe('ConfigProvider.Form', () => {
|
|
beforeAll(() => {
|
|
jest.useFakeTimers();
|
|
});
|
|
|
|
afterAll(() => {
|
|
jest.useRealTimers();
|
|
});
|
|
|
|
describe('form validateMessages', () => {
|
|
const renderComponent = ({ validateMessages }: { validateMessages?: any }) => {
|
|
const formRef = React.createRef<any>();
|
|
const { container } = render(
|
|
<ConfigProvider locale={zhCN} form={{ validateMessages }}>
|
|
<Form ref={formRef} initialValues={{ age: 18 }}>
|
|
<Form.Item name="test" label="姓名" rules={[{ required: true }]}>
|
|
<input />
|
|
</Form.Item>
|
|
<Form.Item name="age" label="年龄" rules={[{ type: 'number', len: 17 }]}>
|
|
<input />
|
|
</Form.Item>
|
|
</Form>
|
|
</ConfigProvider>,
|
|
);
|
|
return [container, formRef] as const;
|
|
};
|
|
|
|
it('set locale zhCN', async () => {
|
|
const [container, formRef] = renderComponent({});
|
|
|
|
await act(async () => {
|
|
try {
|
|
await formRef.current?.validateFields();
|
|
} catch (e) {
|
|
// Do nothing
|
|
}
|
|
});
|
|
|
|
await act(async () => {
|
|
jest.runAllTimers();
|
|
await Promise.resolve();
|
|
});
|
|
|
|
act(() => {
|
|
jest.runAllTimers();
|
|
});
|
|
|
|
expect(container.querySelector('.ant-form-item-explain')).toHaveTextContent('请输入姓名');
|
|
});
|
|
|
|
it('set locale zhCN and set form validateMessages one item, other use default message', async () => {
|
|
const [container, formRef] = renderComponent({ validateMessages: { required: '必须' } });
|
|
|
|
await act(async () => {
|
|
try {
|
|
await formRef.current?.validateFields();
|
|
} catch (e) {
|
|
// Do nothing
|
|
}
|
|
});
|
|
|
|
await act(async () => {
|
|
jest.runAllTimers();
|
|
await Promise.resolve();
|
|
});
|
|
|
|
act(() => {
|
|
jest.runAllTimers();
|
|
});
|
|
|
|
const explains = Array.from(container.querySelectorAll('.ant-form-item-explain'));
|
|
|
|
expect(explains[0]).toHaveTextContent('必须');
|
|
expect(explains[explains.length - 1]).toHaveTextContent('年龄必须等于17');
|
|
});
|
|
});
|
|
|
|
describe('form requiredMark', () => {
|
|
it('set requiredMark optional', () => {
|
|
const { container } = render(
|
|
<ConfigProvider form={{ requiredMark: 'optional' }}>
|
|
<Form initialValues={{ age: 18 }}>
|
|
<Form.Item name="age" label="年龄" rules={[{ type: 'number', len: 17 }]}>
|
|
<input />
|
|
</Form.Item>
|
|
</Form>
|
|
</ConfigProvider>,
|
|
);
|
|
expect(container.firstChild).toMatchSnapshot();
|
|
});
|
|
});
|
|
|
|
describe('form colon', () => {
|
|
it('set colon false', () => {
|
|
const { container } = render(
|
|
<ConfigProvider form={{ colon: false }}>
|
|
<Form>
|
|
<Form.Item label="没有冒号">
|
|
<input />
|
|
</Form.Item>
|
|
</Form>
|
|
</ConfigProvider>,
|
|
);
|
|
expect(container.querySelector('.ant-form-item-no-colon')).toBeTruthy();
|
|
});
|
|
|
|
it('set colon default', () => {
|
|
const { container } = render(
|
|
<ConfigProvider>
|
|
<Form>
|
|
<Form.Item label="姓名">
|
|
<input />
|
|
</Form.Item>
|
|
</Form>
|
|
</ConfigProvider>,
|
|
);
|
|
expect(container.querySelector('.ant-form-item-no-colon')).toBeFalsy();
|
|
});
|
|
});
|
|
});
|