私は単純なユニットテストを書いて、反応コンポーネント内のフォームがサブミット時に期待されるアクションをディスパッチするかどうかを確認しようとしています。酵素を使ったユニットテストアクションディスパッチ
コード:
フォームは、私がテストしようとしているコンポーネントの内部でアクションを提出:
<form onSubmit={(values, dispatch) => {
store.dispatch(doSomething());
handleSubmit(values, dispatch);
}}>
テスト:
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
ここでの問題は、私は次のエラーを取得するし、私は問題を理解することができません:
TypeError: callback is not a function
これについてのご意見はありますか?ありがとう。
あなたのコンポーネントに小道具を渡していますか? ' ' –
Shota