在前端开发中，单元测试是非常重要的，而 Jest 是一个流行的 JavaScript 测试框架。在 Jest 中，模拟（Mock）是一个非常重要的概念，它可以帮助我们模拟一些复杂的依赖关系，方便我们进行测试。但是，在使用 Jest Mock 的时候，我们也需要确保它们生效，本文将会详细介绍 Jest Mock 生效的方法和技巧。
Jest Mock 的基本用法
在 Jest 中，我们可以使用 jest.mock 函数来模拟一个模块。例如，我们有一个 utils.js 模块，其中定义了一个 add 函数：
-- -------- ------ -------- ------ -- - ------ - - -- -
我们可以使用 jest.mock 来模拟这个模块：
-- ------------- --------------------- ---------- ----- -- -- - ----- - --- - - ------------------- ------------- ------------ ---
在这个测试用例中，我们使用 jest.mock('./utils') 来模拟 utils.js 模块。然后，我们可以使用 require 函数来获取模拟的 add 函数，并进行测试。在这个例子中，我们期望 add(1, 2) 的结果是 3。
如何检查 Jest Mock 是否生效
在上面的例子中，我们使用了 jest.mock 来模拟 utils.js 模块。但是，我们如何检查这个模拟生效了呢？
检查模块的被调用情况
在 Jest 中，我们可以使用 jest.fn() 函数来创建一个模拟函数。我们可以使用这个模拟函数来检查模块的被调用情况。例如，我们可以修改上面的测试用例：
-- ------------- --------------------- ---------- ----- -- -- - ----- - --- - - ------------------- ----- --- - ----------------- ------- ------------- ------------ ----------------------------------- --- ---
在这个测试用例中，我们使用 jest.spyOn 函数来创建一个模拟函数，然后我们期望这个模拟函数被调用了一次，并且参数是 (1, 2)。
检查模块的返回值
除了检查模块的被调用情况，我们也可以检查模块的返回值。例如，我们可以修改上面的测试用例：
-- ------------- --------------------- ---------- ----- -- -- - ----- - --- - - ------------------- --------------------------- ------------- ------------ ---
在这个测试用例中，我们使用 add.mockReturnValueOnce 函数来设置模拟函数的返回值为 3。然后，我们期望 add(1, 2) 的结果是 3。
Jest Mock 的高级用法
除了基本用法之外，Jest Mock 还有一些高级用法。接下来，我们将会介绍其中的一些。
模拟一个类
在 Jest 中，我们也可以模拟一个类。例如，我们有一个 Person 类：
----- ------ -
----------------- -
--------- - -----
-
---------- -
------------------- ----------------
-
-
------ ------- -------我们可以使用 jest.mock 来模拟这个类：
---------------------- ---------- -------- -- -- - ----- ------ - ---------------------------- ----- ------ - --- ---------------- ----- --- - ------------------ ------------ ------------------ ------------------------------- ---
在这个测试用例中，我们使用 jest.mock('./Person') 来模拟 Person 类。然后，我们可以使用 require('./Person').default 来获取模拟的 Person 类，并创建一个 person 实例。最后，我们使用 jest.spyOn 函数来创建一个模拟函数，并期望它被调用了一次。
模拟一个函数
除了模拟一个类之外，我们也可以模拟一个函数。例如，我们有一个 add 函数：
-------- ------ -- - ------ - - -- - ------ ------- ----
我们可以使用 jest.mock 来模拟这个函数：
------------------- ---------- ----- -- -- - ----- --- - ------------------------- -------------------------- -- -- - - --- ------------- ------------ ---
在这个测试用例中，我们使用 jest.mock('./add') 来模拟 add 函数。然后，我们可以使用 require('./add').default 来获取模拟的 add 函数，并使用 add.mockImplementation 函数来设置模拟函数的实现。在这个例子中，我们将模拟函数的实现设置为 a * b。最后，我们期望 add(1, 2) 的结果是 2。
总结
Jest Mock 是 Jest 测试框架中的一个重要概念，它可以帮助我们模拟一些复杂的依赖关系，方便我们进行测试。在使用 Jest Mock 的时候，我们需要确保它们生效。本文介绍了 Jest Mock 生效的方法和技巧，并提供了一些示例代码。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65cebae6add4f0e0ff8059f0