随着前端技术的发展，前端工程师所需的技术范围也在不断地扩大。在进行前端单元测试时，经常需要模拟一些 http 请求和响应来测试网站的交互能力。不过，现实中要对请求和响应进行测试却非常困难，不仅涉及到网络连接，而且还需要考虑到诸如接口不稳定、接口数据不准确等问题，这些问题只能通过模拟回应进行解决。因此，为了解决实际测试中遇到的问题，我们可以使用 nock 库在 Jest 中模拟 http 请求和响应，以便对前端项目的 API 进行测试。
nock 是什么？
nock 是一个 npm 包，它可以模拟出一个模拟服务器，以模拟 AJAX 请求和响应。它的使用方式和常规的 ajax 请求非常相似，不过 nock 还支持路由、过滤器、变量替换等特性。
安装
要使用 nock，需要首先安装它。安装的命令如下：
--- ------- ---------- ----
使用 --save-dev 指令将 nock 存储在开发依赖项中。这意味着它只会在开发阶段使用，并且不会被发布到生产环境中。
使用示例
下面我们就通过一个简单的示例来学习如何在 Jest 中使用 nock 来模拟 http 请求和响应。
1. 创建 HttpRequest
在创建转移前，我们首先需要创建一个基础的http请求。不过考虑到在实际网站中，每个请求的参数和返回的数据都不是固定的，这就需要我们针对特定的网站和情况来编写测试用例。
------ ------ --------------- ---- --------
------ ------- ----- -------- --------------- ------- ---- ------- ----- ----- ---------------------- -
----- ----- - ----------------
----- -------- --- - -
------- -------------------
--------------- ---------------------------------
------------- -----
--
----- ------- - -
-------
--------
----
-----
--
------ ---------------
-我们使用了一个简单的 axios 封装来创建请求。这个 axios 将在 nock 包装之前，因此我们可以自由地进行对于url及其请求中的参数及其类型的控制。
而对于我们上方的headers部分,它是将自定义的 auth-token 和 Accept、 Content-Type 等自定义元素写入header.
2. 创建测试用例
-- ---- ---- -------
------ ---- ---- -------
-- --- ---- ------- --------- -- -- ------
------ ------- ---- ---------------
------------------- -- -- -
------------- -- -
-----------------------------
---------------
----------- --------- -------
---
----------- -- -
----------------
---
---------- ------ ------- ---- --- -- -------- ----- -- -- -
----- -------- - ----- --------------- ------------------------------ ----
-------------------------------------
-------------------------------------------
---
---我们首先在 beforeEach function 中创建了 nock 服务器，然后在这个服务器上创建了一个使用具体 url 的 post 请求，然后 nock 服务器返回了一个标识请求成功的回应。
在测试用例中，我们将使用 request 函数来模拟 http 请求，并且将从这个函数返回的 http 响应作为测试用例的输入。在最后一个断言中，我们检查返回的 http 响应是否具有 200 状态和包含 success 为 true 的数据，以验证函数在处理 http 响应时是否正确。
结论
无论您身处什么行业，无论您的工作职责是否与编写服务端代码有关，模拟转移都是一项至关重要的技能。模拟转移可以帮助我们在开发应用时保证代码的质量，让我们的代码更加具有可维护性。
在 Jest 中使用 nock 是一种强大的模拟网络请求和响应的方式。通过 nock，您可以更轻松地进行单元测试，并防止浪费时间在在与调试实际 API 接口时产生的各种问题。本文所提供的示例已经演示了 nock 的基础用法，您可以根据需要为这个示例添加更多的路由和更深入的用法，以满足您的需求。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671cdbb89babaf620fb330a0