在前端开发中，单元测试是一项非常重要的工作。而 Jest 是一个流行的 JavaScript 测试框架，它提供了许多功能来帮助我们编写高质量的测试。然而，有时候我们会遇到一个错误：Expected mock function to have been called。这个错误通常是因为我们没有正确地模拟函数或没有正确地调用模拟函数。在这篇文章中，我将向您介绍如何解决这个问题。
什么是模拟函数？
在 Jest 中，模拟函数是一种特殊的函数，它可以模拟其他函数的行为。模拟函数通常用于测试代码中与其他组件或 API 的交互。通过模拟函数，我们可以控制测试的输入和输出，并确保代码在不同的情况下能够正确地执行。
以下是一个示例模拟函数：
----- -------- - ----------- -- - - ---
在这个示例中，我们创建了一个名为 myMockFn 的模拟函数。该函数接受一个参数 x，并返回 x + 1。我们可以使用该函数来测试依赖于该函数的代码。
Expected mock function to have been called 错误
当我们在测试中使用模拟函数时，有时我们会遇到一个错误：Expected mock function to have been called。这个错误通常是因为我们没有正确地模拟函数或没有正确地调用模拟函数。
以下是一个示例测试：
---------- ---------- -- -- - ----- -------- - ----------- -- - - --- ------------------------------------ ---
在这个测试中，我们创建了一个名为 myMockFn 的模拟函数，并期望它被调用。然而，当我们运行测试时，我们会看到以下错误：
-------- ---- -------- -- ---- ---- ------
这个错误告诉我们，我们的模拟函数没有被正确地调用。这可能是因为我们没有正确地设置模拟函数或我们没有正确地调用模拟函数。
解决方案
要解决这个问题，我们需要确保我们正确地设置模拟函数并正确地调用模拟函数。以下是一些解决方案：
方案一：检查模拟函数是否正确设置
首先，我们需要确保我们正确地设置了模拟函数。我们可以使用 toHaveBeenCalled 方法来检查模拟函数是否被调用。如果模拟函数没有被调用，我们需要检查我们是否正确地设置了模拟函数。
以下是一个示例测试：
---------- ---------- -- -- - ----- -------- - ----------- -- - - --- ------------ ------------------------------------ ---
在这个测试中，我们在调用模拟函数之前添加了一个 myMockFn(1) 的语句。这将确保模拟函数被正确地调用。
方案二：检查模拟函数的调用次数
除了检查模拟函数是否被调用，我们还可以检查模拟函数被调用的次数。我们可以使用 toHaveBeenCalledTimes 方法来检查模拟函数被调用的次数。如果模拟函数被调用的次数不正确，我们需要检查我们是否正确地调用了模拟函数。
以下是一个示例测试：
---------- ---------- -- -- - ----- -------- - ----------- -- - - --- ------------ ------------ ------------------------------------------ ---
在这个测试中，我们在调用模拟函数之前添加了两个 myMockFn(1) 和 myMockFn(2) 的语句。这将确保模拟函数被正确地调用了两次。
方案三：检查模拟函数的参数
除了检查模拟函数是否被调用和被调用的次数，我们还可以检查模拟函数被调用时的参数。我们可以使用 toHaveBeenCalledWith 方法来检查模拟函数被调用时的参数。如果模拟函数被调用时的参数不正确，我们需要检查我们是否正确地传递了参数。
以下是一个示例测试：
---------- ---------- -- -- - ----- -------- - ----------- -- - - --- ------------ ----------------------------------------- ---
在这个测试中，我们在调用模拟函数之前添加了一个 myMockFn(1) 的语句。这将确保模拟函数被正确地调用，并且传递的参数是正确的。
总结
在 Jest 中，模拟函数是一种特殊的函数，它可以模拟其他函数的行为。当使用模拟函数时，我们有时会遇到一个错误：Expected mock function to have been called。这个错误通常是因为我们没有正确地模拟函数或没有正确地调用模拟函数。为了解决这个问题，我们需要确保我们正确地设置模拟函数并正确地调用模拟函数。我们可以使用 toHaveBeenCalled、toHaveBeenCalledTimes 和 toHaveBeenCalledWith 方法来检查模拟函数是否被正确地调用、被正确地调用的次数以及被正确地调用时的参数。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/657adb8ad2f5e1655d558ad3