使用setState在componentDidMount上测试axios请求

时间:2018-06-21 10:17:27

标签: javascript reactjs axios jestjs axios-mock-adapter

我的示例组件如下所示:

Sample Component

我正在尝试使用jestenzymeaxios-mock-adapter测试axios api调用。

Test Sample Component

问题是api调用后组件状态没有更新。我确定由于测试代码中的拦截器而调用了模拟程序,但是似乎this.setState无效,我也不知道为什么。

Test Component Response

我尝试调用comp.update(),但组件状态仍然相同。我什至尝试过moxios。结果是一样的。 在this.setState({ data: ['something'] })方法中仅保留handleClick可以正常工作。将axios添加到代码组件后,状态不变。

Here's代码。

编辑

问题已解决。我帮助自己完成了类似于create-react-app的笑话配置和this article- Component Test 部分。

0 个答案:

没有答案