用 Enzyme 测试 ReduxForm

Question

如何测试我的 Redux-Form 组件？
我有这个测试：

describe('<SignIn />', () => {
    let wrapper, store;
    const props = {isWidthSmallThan750: true, classes: {}};

    beforeEach(() => {
        store = mockStore({});
        wrapper = mountComponent(SignUp, props); //equal to mount(Component)
    });

    afterEach(() => {
        wrapper = null;
        store = null;
    });

    it('snapshot testing', () => {
        expect(componentToJSON(SignIn, props)).toMatchSnapshot(); //equal to render.create(Component).toJSON
    })

    it('when form submitted, these actions may happen', () => {
        const form = wrapper.find('form');
        wrapper.find('input').at(0).simulate('change', {target: {value: 'Tigran'}});
        wrapper.find('input').at(1).simulate('change', {target: {value: 'Tigran'}});
        expect(wrapper.find('input').at(0).props().value).toBe('Tigran');
        expect(wrapper.find('input').at(1).props().value).toBe('Tigran');
        form.simulate('submit');
        expect(store.getActions()).toEqual(null);
    })
});

但是当 form.simulate 被调用时，我没有得到我的 onSubmit 函数调用。
我该如何解决这个问题？

Answer 1

尝试wrapper.find('form').simulate('submit'); 而不是form.simulate('submit')。

酶缓存结果的最新版本，因此它的状态可能是陈旧的。

也可以试试wrapper.find('form').props().submit()。我强烈建议你不要使用模拟并直接调用它，模拟是片状的。