如何测试在使用jest + enzyme + react + typescript的方法中调用函数？

Question

说我在反应组件中有这个方法

handleSubmit(){
    if (this.state.fireRedirect === false){
        this.setState({ fireRedirect: true }, () => { this.addEndpoint() });
    }
}

如何测试使用Jest和Enzyme调用addEndpoint？

Answer 1

使用jest.spyOn

  const spy = jest.spyOn(Component.prototype, "addEndPoint");
  const wrapper = shallow(<Component/>);
  expect(spy).not.toHaveBeenCalled();
  wrapper.instance().handleSubmit();
  expect(spy).toHaveBeenCalled();