You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
3.3 KiB
92 lines
3.3 KiB
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 layout="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').hostNodes().length).toBe(2);
|
|
expect(wrapper.find('.ant-form-item-control-wrapper.ant-col-14').length).toBe(1);
|
|
});
|
|
|
|
// https://github.com/ant-design/ant-design/issues/7351
|
|
it('focus correct input when click label', () => {
|
|
const Form1 = Form.create()(({ form }) => (
|
|
<Form>
|
|
<Form.Item label="label 1">
|
|
{form.getFieldDecorator('test')(<input />)}
|
|
</Form.Item>
|
|
</Form>
|
|
));
|
|
const Form2 = Form.create()(({ form }) => (
|
|
<Form>
|
|
<Form.Item label="label 2">
|
|
{form.getFieldDecorator('test2')(<input />)}
|
|
</Form.Item>
|
|
</Form>
|
|
));
|
|
const wrapper = mount(<div><Form1 /><Form2 /></div>);
|
|
wrapper.find('Form label').at(0).simulate('click');
|
|
expect(wrapper.find('Form input').at(0).getDOMNode()).toBe(document.activeElement);
|
|
wrapper.find('Form label').at(1).simulate('click');
|
|
expect(wrapper.find('Form input').at(1).getDOMNode()).toBe(document.activeElement);
|
|
});
|
|
|
|
// https://github.com/ant-design/ant-design/issues/7693
|
|
it('should not throw error when is not a valid id', () => {
|
|
const Form1 = Form.create()(({ form }) => (
|
|
<Form>
|
|
<Form.Item label="label 1">
|
|
{form.getFieldDecorator('member[0].name.firstname')(<input />)}
|
|
</Form.Item>
|
|
</Form>
|
|
));
|
|
const wrapper = mount(<Form1 />);
|
|
expect(() => {
|
|
wrapper.find('Form label').at(0).simulate('click');
|
|
}).not.toThrow();
|
|
expect(wrapper.find('Form input').at(0).getDOMNode()).toBe(document.activeElement);
|
|
});
|
|
});
|
|
|