How to Mock WrappedFormUtils

What problem does this feature solve?

Hi, we have a form that is created with Form.create. We then have a component called ContractConditions that is used within that form that contains further FormItems.

The component gets passed the form like this:

<ContractConditions form={this.props.form} />

This works, but I am unsure of how to mock the WrappedFormUtils when trying to test ContractConditions? ContractConditions expects the ‘form’ prop to be set up in the unit test. Do you have examples of how to mock a WrappedFormUtils using Jest and Enzyme?

thanks

What does the proposed API look like?

No api required

[zongyuan-vale]

@benjycui 打扰一下，我在测试由Form.create()封装过的myComponent遇到这样的困惑： 因为myComponent组件内需要用到form的方法（如getFieldDecorator，validateFieldsAndScroll），我直接对myComponent进行测试的话，是需要对props.form内需要用到的进行模拟mock吗？可否举个例子，非常感谢

[infeng]

I test WrappedFormUtils like this:

class TestForm extends React.Component {
  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Form>
        <FormItem
          label="name"
        >
          {getFieldDecorator('name', {
            rules: [{
              type: 'string',
              requied: true,
            }],
            initialValue: 'mary',              
          })(
            <input />
          )}
        </FormItem>
      </Form>
    );
  }
}
const WrappedForm = Form.create()(TestForm);

// Test
const wrapper = mount(<WrappedForm />);
wrapper.node.setFieldsValue({
  name: 'tom'
});
expect(wrapper.node.getFieldsValue()).toEqual({name: 'tom'});