【问题标题】:How to write unit test case for a function in jest React?如何在 jest React 中为函数编写单元测试用例?
【发布时间】:2020-06-19 22:14:11
【问题描述】:

我在我的组件中创建了一个函数。我想知道如何为该函数编写单元测试用例。

组件代码是 -

const Test = () => {
   if(props.Test) {
     props.Test();
   }
}

我的测试代码是 -

const Test =() => {
console.log("hi");
}

然后将此 Test 函数传递给我的组件。我在这个函数中没有完成代码覆盖。那么如何实现这个函数的代码覆盖呢?

我在这个组件中传递了一个名为 Test 的函数。我需要检查我是否在 props 中获取了这个组件,然后执行这个函数。那么如何才能开玩笑地为这个函数编写单元测试用例呢?

【问题讨论】:

    标签: reactjs jestjs


    【解决方案1】:

    首先模拟函数,例如:

    const mockTest = jest.fn();

    然后将它作为 props 传递给你的组件,并测试它是否被调用:

    expect(mockTest).toHaveBeenCalled();

    更多信息:https://jestjs.io/docs/en/mock-functions.html

    【讨论】:

    • 我不确定这是什么Test 函数,你是想模拟它还是使用原版?
    • 我正在尝试原创。我在 app.tsx 文件中创建了一个测试函数,然后在另一个组件文件中传递了这个测试函数。
    • 然后你可以在函数上spy,然后测试是否被调用。
    • 我该怎么做?你能解释一下吗?
    猜你喜欢
    • 2017-04-06
    • 1970-01-01
    • 2018-09-17
    • 2020-03-02
    • 2021-01-11
    • 1970-01-01
    • 2019-04-24
    • 1970-01-01
    • 2022-01-23
    相关资源
    最近更新 更多