mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 13:47:02 +08:00
54 lines
1.9 KiB
JavaScript
54 lines
1.9 KiB
JavaScript
import React from 'react';
|
||
import { mount } from 'enzyme';
|
||
import Form from '..';
|
||
|
||
describe('Form', () => {
|
||
it('should remove duplicated user input colon', () => {
|
||
const wrapper = mount(
|
||
<Form>
|
||
<Form.Item label="label:">input</Form.Item>
|
||
<Form.Item label="label：">input</Form.Item>
|
||
</Form>
|
||
);
|
||
expect(wrapper.find('.ant-form-item-label label').at(0).text()).not.toContain(':');
|
||
expect(wrapper.find('.ant-form-item-label label').at(1).text()).not.toContain('：');
|
||
});
|
||
|
||
it('should not remove duplicated user input colon when props colon is false', () => {
|
||
const wrapper = mount(
|
||
<Form>
|
||
<Form.Item label="label:" colon={false}>input</Form.Item>
|
||
<Form.Item label="label：" colon={false}>input</Form.Item>
|
||
</Form>
|
||
);
|
||
expect(wrapper.find('.ant-form-item-label label').at(0).text()).toContain(':');
|
||
expect(wrapper.find('.ant-form-item-label label').at(1).text()).toContain('：');
|
||
});
|
||
|
||
it('should not remove duplicated user input colon when layout is vertical', () => {
|
||
const wrapper = mount(
|
||
<Form vertical>
|
||
<Form.Item label="label:">input</Form.Item>
|
||
<Form.Item label="label：">input</Form.Item>
|
||
</Form>
|
||
);
|
||
expect(wrapper.find('.ant-form-item-label label').at(0).text()).toContain(':');
|
||
expect(wrapper.find('.ant-form-item-label label').at(1).text()).toContain('：');
|
||
});
|
||
|
||
it('should has dom with .ant-form-item-control-wrapper', () => {
|
||
const formItemLayout = {
|
||
labelCol: { span: 6 },
|
||
wrapperCol: { span: 14 },
|
||
};
|
||
const wrapper = mount(
|
||
<Form>
|
||
<Form.Item {...formItemLayout}>input</Form.Item>
|
||
<Form.Item>input</Form.Item>
|
||
</Form>
|
||
);
|
||
expect(wrapper.find('.ant-form-item-control-wrapper').length).toBe(2);
|
||
expect(wrapper.find('.ant-form-item-control-wrapper.ant-col-14').length).toBe(1);
|
||
});
|
||
});
|