Jest mock 函数中的正确用法解析-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常会使用 Jest 进行单元测试。而在 Jest 中，mock 函数是一个非常重要且常用的概念。使用 mock 函数可以帮助我们轻松地对代码进行测试，并且能够提供更多的控制权来模拟特定的场景和行为。

本文将介绍 Jest 中 mock 函数的正确用法，包括如何创建 mock 函数、mock 函数的参数和返回值的设定，以及 mock 函数的高级用法等。

创建 Mock 函数

在 Jest 中，可以使用 jest.fn() 来创建一个 mock 函数。例如：

const myMock = jest.fn();

这将创建一个名为 myMock 的 mock 函数，你可以调用它，就像调用普通函数一样：

myMock("hello", "world");

你还可以使用 expect 断言来验证 mock 函数是否被调用：

expect(myMock).toBeCalled();
expect(myMock).toBeCalledTimes(1);
expect(myMock).toHaveBeenCalledWith("hello", "world");

在测试中，有时我们需要模拟函数的返回值，以便于更好地进行测试。在 Jest 中，可以使用 mockReturnValue 或者 mockResolvedValue 等来设置 mock 函数的返回值。

例如：

const myMock = jest.fn();
myMock.mockReturnValue(42);
console.log(myMock()); // 42

这里，我们使用 mockReturnValue 将 mock 函数的返回值设定为 42。当我们调用 myMock() 时，返回了我们设定的值 42。

我们还可以使用 mockResolvedValue 来设置 Promise 的返回值：

const myMock = jest.fn();
myMock.mockResolvedValue(42);
myMock().then(result => {
  console.log(result); // 42
})

在测试中，有时我们需要通过参数来判断函数是否被调用。这时，我们可以使用 toHaveBeenCalledWith 来检查 mock 函数的参数。

例如：

const myMock = jest.fn();
myMock("hello", "world");
expect(myMock).toHaveBeenCalledWith("hello", "world");

这里，我们假设 myMock 要求传入 hello 和 world 两个参数。我们在调用 myMock 的时候传入了这两个参数，然后对 myMock 使用 toHaveBeenCalledWith 进行了检查，确保它被正确调用了。

除了上述基本使用方法外，Jest 的 mock 函数还有很多高级用法，如 mock implementation、mock module 等等。这里，我们将简要介绍其中的一个高级用法：mockImplementation。

mockImplementation 可以用来实现更复杂的 mock 函数逻辑。例如：

const myMock = jest.fn();
myMock.mockImplementation((a, b) => {
  return a + b;
});
console.log(myMock(1, 2)); // 3

这里，我们手动实现了 myMock 函数的逻辑，将其实现为将两个参数相加的代码。然后我们使用这个 mock 函数来进行测试，确保它返回了我们期望的结果。

在 Jest 中，mock 函数是非常有用的工具。通过使用 mock 函数，可以更好地进行单元测试，并且提供了更多的控制权来模拟各种场景和行为。

本文介绍了 Jest mock 函数的正确用法，包括创建 mock 函数、设置返回值、参数匹配以及高级用法等等。希望能够帮助大家更好地使用 Jest 进行单元测试。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/646ddc25968c7c53b0c7b969