如何在react中用jest和酶测试表单提交？

在React中使用Jest和Enzyme测试表单提交的步骤如下：

首先，确保你的项目中已经安装了Jest和Enzyme。可以使用以下命令进行安装：

npm install --save-dev jest enzyme enzyme-adapter-react-16

创建一个测试文件，命名为Form.test.js（文件名可以根据实际情况进行调整），并在文件中导入必要的依赖：

import React from 'react';
import { mount } from 'enzyme';
import Form from './Form';

编写测试用例。在测试文件中，使用describe函数定义一个测试套件，并使用it函数定义一个测试用例。以下是一个示例：

describe('Form component', () => {
  it('should submit form data', () => {
    const wrapper = mount(<Form />);
    const form = wrapper.find('form');
    const input = wrapper.find('input');
    const submitButton = wrapper.find('button');

    // 模拟用户输入
    input.simulate('change', { target: { value: 'Test' } });

    // 模拟表单提交
    form.simulate('submit');

    // 断言表单提交后的结果
    expect(wrapper.state().submittedData).toEqual('Test');
  });
});

在上述示例中，我们首先使用mount函数将Form组件进行渲染，并通过find方法找到表单、输入框和提交按钮。然后，使用simulate方法模拟用户输入和表单提交的操作。最后，使用expect断言表单提交后的结果是否符合预期。