使用快照进行 React 测试

Question

我想知道，在使用 Jest 快照测试 React 组件时，您的方法是什么。

您是否测试每个组件？

如何确定是否应该为组件创建快照？

您是测试整个视图还是只测试较小的组件（视图片段）？

什么时候应该向测试组件添加道具？是否应始终使用 jest.fn() 模拟函数？

Answer 1

AFAIK，快照更倾向于 "how" 你的组件看起来像。

我的方法,

确定可以改变组件显示的 props 或 state。然后我为他们写快照。

如果您无法使用props设置state，您可以使用simulate设置相关的state，然后创建一个snapshot .

并且在快照中使用 jest.fn() 似乎没有多大优势，因为我们在实际需要 单元测试 函数是否被调用时模拟函数。