reactjs - 使用快照进行反应测试
问题描述
我想知道,在使用 Jest 快照测试 React 组件时,您的方法是什么。
您是否在测试每个组件?
您如何确定是否应该为组件创建快照?
您是在测试整个视图还是只测试较小的组件(视图片段)?
什么时候应该向测试的组件添加道具?函数是否应该总是使用 jest.fn() 来模拟?
解决方案
AFAIK,快照更倾向于“如何”你的组件看起来像。
我的方法
确定哪些props
或state
哪些可以改变我的组件的呈现方式。然后我为他们写快照。
如果无法实现设置state
using props
,可以使用 usesimulate
进行相关state
设置,然后创建snapshot
.
并且jest.fn()
在快照中使用似乎并没有太大的优势,因为当我们实际需要对函数是否被调用时进行单元测试时,我们会模拟函数。
推荐阅读
- python - 将矩阵中的值与阈值进行比较并创建超出阈值的列表
- flutter - 如何将键值对列表推送/插入到 dart/flutter 中的列表中?
- c# - 使用 automapper 将单个对象映射到对象列表中
- r - 如何将普通数字的帧(例如 84 到 106)替换为另一个帧(例如 95 到 117)?
- javascript - 无法在 react-native android 中访问绝对位置视图
- r - 为什么混合模型的 MLE 不等于 flexmix?
- python - 使用 Python 请求下载 PDF 时访问被拒绝
- c++ - 当多个重载超过 SFINAE 时创建首选重载
- android - 来自主线程中 URL 的 setImageBitmap
- python - 如何使用控制器的输入正确运行模拟鼠标宏?