假设我正在开发一个Todo React应用。我可以选择一个或多个要执行的项目,然后单击“完成”按钮将其标记为完成。
在内部,这会进行API调用以修补完成的项,然后再次获取项并设置状态以更新UI。
我想使用React测试工具或类似工具通过渲染组件,模拟点击等并针对DOM进行断言来对此进行测试。我不想测试是否调用了某些API函数调用,状态是否已更改等。
相反,我想测试由于内部状态更改而导致的项目更新后,面向用户的UI是否更改。鉴于我必须对补丁进行打桩,并模拟API调用以获取所有项目,因此如何在不实际进行API调用的情况下执行此操作,或者更糟糕的是进行某种模拟疯狂。这似乎过于注重实现和脆弱。
是的,子组件仅接受props并且易于进行单元测试,但是在某些时候,您有一个父组件必须处理状态。进行一些测试来测试父组件“哑子”之间的交互是很好的。硒是这里唯一的真实选择吗?