有状态React组件的黑盒测试

时间:2019-07-29 09:47:01

标签: reactjs testing

假设我正在开发一个Todo React应用。我可以选择一个或多个要执行的项目,然后单击“完成”按钮将其标记为完成。

在内部,这会进行API调用以修补完成的项,然后再次获取项并设置状态以更新UI。

我想使用React测试工具或类似工具通过渲染组件,模拟点击等并针对DOM进行断言来对此进行测试。我不想测试是否调用了某些API函数调用,状态是否已更改等。

相反,我想测试由于内部状态更改而导致的项目更新后,面向用户的UI是否更改。鉴于我必须对补丁进行打桩,并模拟API调用以获取所有项目,因此如何在不实际进行API调用的情况下执行此操作,或者更糟糕的是进行某种模拟疯狂。这似乎过于注重实现和脆弱。

是的,子组件仅接受props并且易于进行单元测试,但是在某些时候,您有一个父组件必须处理状态。进行一些测试来测试父组件“哑子”之间的交互是很好的。硒是这里唯一的真实选择吗?

0 个答案:

没有答案