在前端开发中，测试是一个非常重要的环节，它可以帮助我们发现问题、确保代码质量和减少 bug 的出现。在我们写 Jest 测试的时候，有时候需要 mock 掉某个模块的 import，以便更好的进行测试。本文将介绍如何在 Jest 测试时 mock 掉某个模块的 import，帮助你更好的进行测试。
如何 mock 一个模块的 import？
在测试某个模块时，有时候我们需要 mock 掉该模块的一些依赖模块。假设我们有一个模块 a.js，它依赖了一个名为b.js的模块。我们现在想在测试过程中 mock 掉b.js模块的 import，以便更好地测试a.js模块。
我们可以在 Jest 测试时使用 jest.mock()函数来 mock 某个模块的 import，如下所示：
-- -------------------- ---- ------- ----------------- -- -- - -- ---- ---- ------ ------ ----- ------ --- ----- - - ---------------- ---------- --- -- -- - -- -- ---- --- ---- ---- ------ ------------------------- ---- ------- ---
在这个例子中，我们使用jest.mock()来 mockb.js模块的 import。在 mock 函数中，我们可以返回我们想要的值，以满足测试需要。
如何 mock 一个模块的具体函数？
当我们测试某个模块时，有时候我们不需要 mock 整个模块的 import，而只需要 mock 该模块的一部分功能。假设我们有一个模块c.js，其中包含了多个函数，我们现在只需要 mock 掉其中的一个函数f1()，以满足测试的需要。
我们可以在 Jest 测试时使用jest.mock()函数的第二个参数来 mock 一个具体的对象或函数。如下所示：
-- -------------------- ---- -------
-- ----- ---- -----
----------------- -- -- -
------ -
--- -- -- -
------ ----- ---- -- ---- -- ------
--
--- -- -- -
------ -----
--
--- -- -- -
------ -----
--
--
---
----- - - ----------------
---------- ------ -- -- -
---------------------------- -----
---
---------- ------ -- -- -
-----------------------------
---
---------- ------ -- -- -
-----------------------------
---在这个例子中，我们使用jest.mock()来 mock c.js模块的 import。在 mock 函数中，我们只返回了一个对象，该对象中包含了我们需要 mock 的函数f1()。其他函数f2()和f3()不受影响。这样我们就可以通过 Jest 测试 mock 的 f1 函数，以达到测试的目的。
结论
Jest 是一个非常强大的测试工具，在进行前端开发时，不可避免需要进行各种各样的测试。mock 掉某个模块的 import 是一个非常有效的方式，它能够帮助我们更好地进行测试。在日常开发中我们经常使用 mock 模块，这种技术可以有效地解决一些难以进行测试的情况，例如需要连接到第三方 API 的操作等。希望这篇文章能够帮助大家更好地理解如何进行 Jest 测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674943a1a1ce0063544be3ad