在前端开发中，我们经常会使用 axios 这个库来进行网络请求。在编写单元测试时，我们需要模仿 axios 的行为来测试我们的代码。本文将详细介绍如何在 Jest 中模仿 axios。
1. Jest 简介
Jest 是一个由 Facebook 开发的 JavaScript 测试框架，它拥有简单易用的 API，同时提供了断言、mock、spy 等功能。Jest 支持多种测试类型，包括单元测试、集成测试和端到端测试等。
2. 模仿 axios 的基本思路
首先，我们需要了解 axios 的基本使用方法。axios 可以使用 Promise 来处理异步请求，同时支持拦截器、取消请求、自定义配置等功能。因此，在模仿 axios 时，我们需要实现以下功能：
- 支持使用 Promise 处理异步请求；
- 支持拦截器；
- 支持取消请求；
- 支持自定义配置。
3. 实现模仿 axios 的代码
在 Jest 中，我们可以使用 jest.mock() 函数来模仿 axios。下面是一个简单的示例：
-- -------------------- ---- ------- ------ ----- ---- -------- ------------------- ------------ ----- ------- -- -- - ----- ----- - -- ----- ----- --- ----- ---- - - ----- ----- -- ---------------------------------- ------ ----------------------------- -- --------------------------------- ---
在这个示例中，我们使用 jest.mock() 函数来模仿 axios。然后，我们使用 axios.get.mockResolvedValue() 函数来模拟 axios 的 get 方法。最后，我们使用 expect() 函数来断言返回的数据是否正确。
如果我们需要模仿 axios 的更多行为，可以使用 jest.spyOn() 函数来创建一个 spy。下面是一个使用 jest.spyOn() 函数来模仿 axios 的示例：
-- -------------------- ---- -------
------ ----- ---- --------
------------ ----- ------- -- -- -
----- ----- - -- ----- ----- ---
----- ---- - - ----- ----- --
----- -------- - ----------------- -------------------------------
------ ----------------------------- -- -
--------------------------------
------------------------------------
---
---在这个示例中，我们使用 jest.spyOn() 函数来创建一个 spy，并使用 mockResolvedValue() 函数来模拟 axios 的 get 方法。最后，我们使用 expect() 函数来断言返回的数据是否正确，并断言 spy 是否被调用。
4. 总结
在本文中，我们介绍了如何在 Jest 中模仿 axios。我们学习了 Jest 的基本使用方法，并实现了模仿 axios 的代码。通过学习本文，我们可以更好地理解 Jest 的使用方法，并在编写单元测试时更加高效地模仿其他库的行为。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6634732fd3423812e41f55f5