如何在Jest React中编写函数的单元测试用例?

时间:2020-06-15 07:58:38

标签: reactjs jestjs

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

组件代码为-

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

我的测试代码是-

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

,然后将此Test函数传递到我的组件中。我正在此功能中完成代码覆盖。那么如何实现此功能的代码覆盖率呢?

我正在此组件中传递一个名为Test的函数。我需要检查是否在道具中获取了该组件,然后执行此功能。那么,如何在开玩笑的情况下为此功能编写单元测试用例?

1 个答案:

答案 0 :(得分:1)

首先模拟该函数,例如:

const mockTest = jest.fn();

然后将其作为道具传递给组件,并测试它是否被调用:

expect(mockTest).toHaveBeenCalled();

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