在前端开发中，我们常常需要测试一些特定的函数或者组件，而 Jest 是一个非常好用的测试框架，它支持模拟模块的 import 和 export，这让我们可以很方便地测试一些依赖其他模块的代码。本文将介绍 Jest 中关于模拟模块的 import 和 export 的 mock。
import 的 mock
在 Jest 中，我们可以使用 jest.mock() 方法来模拟一个模块。当我们使用 jest.mock() 方法时，Jest 会自动将被模拟的模块替换为一个空对象，并且可以在测试代码中访问这个空对象。同时，我们还可以使用 jest.requireActual() 方法来获取被模拟的模块的实际内容。
下面是一个示例代码：
-- ------- ------ -------- ------ -- - ------ - - -- - ------ -------- ----------- -- - ------ - - -- - -- ------- ---------------------- -- -- -- ---- ---------- --------- ---------- ---- ----- ---- - --------------------- -------------- ------ -- ------ ---- - --- --- -- -- - ----------- --- ---------------------------------------- --- --- ------------------- ------ -- ------ ---- - --- --- -- -- - ---------------- --- --------------------------------------------- --- --- -------------- ------ ------ --- -- -- - ---------------------------- ------------------ ------------ ---
在这个示例中，我们模拟了 math.js 模块，并使用 jest.fn() 方法来模拟 add() 和 subtract() 方法。在测试代码中，我们可以访问模拟的 math.js 模块，并测试模拟的方法是否被正确调用，以及是否返回了正确的结果。
export 的 mock
除了可以模拟 import，我们还可以模拟 export，这可以让我们在测试代码中访问被模拟的 export 变量。在 Jest 中，我们可以使用 jest.mock() 方法来模拟 export。
下面是一个示例代码：
-- --------
------ ----- --- - --- -- -- -
------ - - --
--
------ ----- -------- - --- -- -- -
------ - - --
--
-- -------
----------------------- -- -- -
------ -
----------- -----
---- ----------
--------- ----------
--
---
----- - ---- -------- - - ----------------------
--------- ------ -- ------ ---- - --- --- -- -- -
------ ---
----------------------------------- ---
---
-------------- ------ -- ------ ---- - --- --- -- -- -
----------- ---
---------------------------------------- ---
---
--------- ------ ------ --- -- -- -
-----------------------
------------- ------------
---在这个示例中，我们模拟了 utils.js 模块，并使用 jest.fn() 方法来模拟 add() 和 subtract() 方法。在测试代码中，我们可以访问模拟的 add 和 subtract 变量，并测试模拟的方法是否被正确调用，以及是否返回了正确的结果。
总结
Jest 是一个非常好用的测试框架，它支持模拟模块的 import 和 export，这让我们可以很方便地测试一些依赖其他模块的代码。在本文中，我们介绍了 Jest 中关于模拟模块的 import 和 export 的 mock，并提供了示例代码。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65cb5a00add4f0e0ff50c798