Unit Test action dispatch using enzyme

Question

I'm trying to write a simple unit test to make sure if the form inside a react component dispatches the expected action on submit.

Code:

Form submit action inside the component which I'm trying to test:

   <form onSubmit={(values, dispatch) => {  
        store.dispatch(doSomething());
        handleSubmit(values, dispatch);
    }}>

Test:

test('Test', (t) => {
const TestForm = TestForm();//redux form
const dispatchSpy = sinon.spy();

const props = Object.assign({}, baseProps, {
    handleSubmit: (callback) => {
        callback({}, dispatchSpy);
    },
});
t.context.form = mount(<Provider store={store}><TestForm /></Provider>);
t.context.form.find('form').simulate('submit');
//TODO - assert

The problem here is I get the following error and I'm not able to figure out the issue:

TypeError: callback is not a function

Any thoughts on this? Thanks.

Are you passing props into your component? like this: `` – Shota May 02 '17 at 06:41 — Shota, May 02 '17 at 06:41

score 0 · Answer 1 · answered May 02 '17 at 07:07

0

Are you sure you want to test form dispatches the expected action on submit ? I feel like it's just rewriting the internal test of redux-form (which is already tested here : https://github.com/erikras/redux-form/blob/master/src/tests/Form.spec.js#L131-L-165 )

answered May 02 '17 at 07:07

Vincent Taing

3,283
2
18
24

Yes I'm interested to verify if the expected action is dispatched. – InquisitiveGirl May 02 '17 at 10:26

Unit Test action dispatch using enzyme

1 Answers1