在做前端开发时，我们通常会使用 Jest 来进行测试。然而，当我们写测试用例时，我们常常需要 mock 一些外部文件的导入，以便于在测试时不依赖真实的外部文件。那么，如何使用 Jest 来 mock 外部文件的导入呢？本文将为大家介绍 Jest 的相关知识。
1. 为什么需要 mock 外部文件的导入？
在进行测试时，我们通常会希望代码的执行不依赖于外部文件的存在。这样可以让我们更好地控制代码的执行流程，也可以更好地保证测试的可靠性。
例如，假设我们有这样一段代码：
------ ----- ---- -------- ----- -------- ------------- - ----- - ---- - - ----- --------------------------- ------ ----- - ------ ------- ------------
这段代码依赖了 Axios 发送 HTTP 请求，如果我们在测试时直接让 Axios 发送请求，那么测试的可靠性会大打折扣。因此，我们需要在测试中 mock Axios。
2. 如何使用 Jest mock 外部文件的导入？
在 Jest 中，我们通常使用 jest.mock() 方法来 mock 外部文件的导入。下面是一个简单的例子：
------ ----- ---- -------- ------ ----------- ---- ---------------- ------------------- ------------------- ----- -- -- - ----- ---- - - --------- ------- -- ----------------------------- ---- --- ----- -------- - ----- -------------- ------------------------------- ---
在上面的例子中，我们首先使用 jest.mock() 方法来 mock Axios。然后，在测试用例中使用 axios.get.mockResolvedValue() 方法来模拟 Axios 发送请求的结果。最后，我们调用 getUserInfo() 方法并使用 expect() 来判断测试结果的正确性。
3. Jest mock 的更多用法
除了上面的例子外，Jest 还提供了许多其他的用法来 mock 外部文件的导入。例如，我们可以通过传递一个函数来自定义 mock：
-------------------------- -- -- - ------ ---------- -- --------- ---
我们还可以通过 ES6 的 __esModule 属性来 mock 一个模块的导入：
-------------------------- -- -- -
------ -
----------- -----
-------- ---------- -- ---------
--
---此外，Jest 还提供了许多其他的 mock 工具，例如 jest.spyOn()、jest.fn() 等。
4. 结论
Jest 的 mock 机制是一个非常强大的工具，它帮助我们在测试时模拟外部文件的导入，从而保证测试的可靠性。在编写测试用例时，我们应该充分利用 Jest 的 mock 机制来进行测试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f66dfbc5c563ced585dab4