在进行前端开发的过程中，我们总是遇到需要测试的情况，而 Jest 是一个被广泛使用的前端测试框架。在进行 Jest 测试时，如果需要 mock 一个自定义的模块，则需要对 Jest 的相关配置进行处理。下面我们将详细介绍在 Jest 测试时如何 mock 一个自定义的模块。
前置知识
在本文中，我们将涉及以下几个知识点：
- Jest
- ES6 模块
- 异步模块
Jest mock 模块形式
在 Jest 中，我们可以通过 mock 的方式来测试某些模块是否正常运行。具体的方式可以是：
- 使用 Jest 自带的 mock 实现，也就是手动 mock。
- 使用 Jest mock 整个模块。
其中第二种方式最为常见。我们通常可以使用 jest.mock() 方法来 mock 一个自定义的模块。
Jest mock 自定义模块
在 Jest 测试中，如果需要 mock 一个自定义的模块，则需要在调用该模块的测试方法前，设置该模块的 mock 值，然后在截止测试的时候，将 mock 值置空，避免影响其他测试用例。具体的方式如下：
-- -------------------- ---- -------
-------------------------- -- -- --
------------- ---------------------------
------------------ ----------------------------------
----------- ----
----
---------------- -- -- -
------------ -- -
-----------------------
---
----------- -- -
---------------------
---
----------- ----- -- -- -
----- ---------- - -------------------------
------ --------------------------
---
----------- ----- -- -- -
----- ---------- - -------------------------
----- -------------------------------
---
---在上述代码中，我们使用了 Jest mock 模块的方式 mock 一个名为 demo-module 模块，然后将 mock 值设置成：
- 使用 jest.fn() 创建一个模拟的函数。
- 使用 mockReturnThis() 来模拟函数的返回值。
- 使用 mockResolvedValue() 来模拟 Promise 并返回成功的值。
- 将 __esModule 设置为 true，模拟模块是 ES6 模块。
在测试用例中，我们使用 require() 来动态加载模块，然后测试模块中的方法。
需要注意的是，在测试用例中，我们需要手动将模块的 mock 值设置为空对象，避免影响其他测试用例的运行。
总结
在 Jest 测试时，mock 一个自定义的模块可以通过设置一个 mock 值来实现。需要注意的是，需要在测试用例前设置 mock 值，同时在测试用例结束后重置 mock 值。通过这种方式，我们可以有效地测试自定义模块，保证代码的可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6501248895b1f8cacdef3e9c