【问题标题】:React testing using snapshots使用快照进行反应测试
【发布时间】:2020-01-19 09:37:43
【问题描述】:

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

您是否在测试每个组件?

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

您是在测试整个视图还是只测试较小的组件(视图片段)?

什么时候应该向被测试的组件添加道具?函数是否应该总是使用 jest.fn() 来模拟?

【问题讨论】:

    标签: reactjs unit-testing testing jestjs snapshot


    【解决方案1】:

    AFAIK,快照更倾向于“如何”你的组件看起来像。

    我的方法

    识别propsstate,它们可以改变我的组件的呈现方式。然后我为他们写快照。

    如果无法实现使用props设置state,可以使用simulate设置相关的state,然后创建snapshot

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

    【讨论】:

    • 感谢您的回答,还有一个问题,您是否每次都为不同状态的组件创建不同的快照?
    • 如果状态变化对 DOM 有重大影响,那为什么不呢。 :-)
    猜你喜欢
    • 2018-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-19
    • 1970-01-01
    • 1970-01-01
    • 2019-04-26
    相关资源
    最近更新 更多