如何在jest React中为一个函数编写单元测试用例？

Question

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

组件的代码是

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

我的测试代码是

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

然后把这个Test函数传递到我的组件中。我得到的代码覆盖率没有在这个函数中完成。那么如何实现这个函数的代码覆盖呢？

我在这个组件中传递了一个名为Test的函数，我需要检查我是否在道具中得到这个组件，然后执行这个函数。我需要检查我是否得到这个组件的道具，然后执行这个函数。那么我怎样才能为这个函数编写单元测试用例呢？

Answer 1

首先模拟该函数，比如说。

const mockTest = jest.fn();

然后把它作为一个道具传递给你的组件，并测试它是否被调用。

expect(mockTest).toHaveBeenCalled();