1

反応するのはかなり新しいですが、反応を使用してフォームの検証に取り組んでいます。以下に定義されている createTask() をテストしてみました。

renderForm(handleSubmit) {
return (
  <form
    onSubmit={handleSubmit}
  >
    <div className="task-details">
        {(this.createTask()}
    </div>
  </form>);
}

render() {
return (
  <Form
    onSubmit={this.handleApplyClick}
    render={this.renderForm}
    validate={this.validateForm}
  />
 );
}

createTask が呼び出されたことをテストできるように、renderForm をモックするにはどうすればよいですか? jest.fn() は私にとってはうまくいきませんでした。

 beforeEach(() => {
   testPanel = mountWithIntl(<TestPanel/>);
  });
 it('calls the createHeader', () => {
   testPanel.find('panelName').instance().renderForm = jest.fn();
   testPanel.find('panelName').instance().render();
   testPanel.update();
   expect(testPanel.find('panelName').instance().createHeader)
   .toHaveBeenCalled();
});

前もって感謝します

4

0 に答える 0