在 Jest 中使用 nock 模拟 HTTP 请求

在前端开发中，我们经常需要与后端进行交互，获取数据或者提交数据。为了确保前端代码的正确性，我们需要进行单元测试和集成测试。在进行测试时，我们需要模拟后端的 HTTP 请求，以确保前端代码的正确性。这时候，我们可以使用 nock 模拟 HTTP 请求。

nock 是什么？

nock 是一个 Node.js 模块，它可以模拟 HTTP 请求和响应，以便在测试中使用。使用 nock，我们可以在测试中模拟后端的 HTTP 请求，而无需实际地向后端发送请求。

如何在 Jest 中使用 nock？

在 Jest 中使用 nock 很简单。我们只需要在测试文件中引入 nock 模块，并使用 nock.mock() 方法模拟 HTTP 请求。下面是一个使用 nock 模拟 HTTP 请求的示例代码：

-- -------------------- ---- -------
----- ---- - ----------------

---------- ----- ----- -- -- -
  -- -- ---- --
  ------------------------------
    -------------
    ----------- - -------- ------ ------- ---

  -- -- ---- --
  ----- -------- - ----- -------------------------------------
  ----- ---- - ----- ----------------

  -- --
  -------------------------------- ---------
---

在上面的代码中，我们使用 nock.mock() 方法模拟了一个 HTTP GET 请求，并设置了响应状态码为 200，响应内容为 { message: 'Hello World!' }。然后，我们使用 fetch() 方法发送了一个 HTTP GET 请求，获取了后端的响应内容。最后，我们使用 Jest 的 expect() 方法进行断言，确保获取到的响应内容是正确的。

nock 的高级用法

除了基本的 HTTP 请求模拟外，nock 还提供了许多高级用法，以便我们更好地模拟 HTTP 请求。下面是一些常用的高级用法：

模拟 POST 请求

nock('http://api.example.com')
  .post('/test', { message: 'Hello World!' })
  .reply(200, { message: 'Success!' });

模拟带有查询参数的 HTTP 请求

nock('http://api.example.com')
  .get('/test')
  .query({ page: 1, limit: 10 })
  .reply(200, { message: 'Success!' });

模拟带有请求头的 HTTP 请求

nock('http://api.example.com', {
  reqheaders: {
    'Authorization': 'Bearer token'
  }
})
.get('/test')
.reply(200, { message: 'Success!' });

模拟延迟的 HTTP 响应

nock('http://api.example.com')
  .get('/test')
  .delay(1000)
  .reply(200, { message: 'Success!' });

在上面的代码中，我们使用 nock.delay() 方法模拟了一个延迟 1 秒的 HTTP 响应。这可以用来模拟网络延迟或者异步请求的情况。

总结

使用 nock 可以很方便地模拟 HTTP 请求，以便在测试中使用。在 Jest 中使用 nock，我们可以使用 nock.mock() 方法模拟 HTTP 请求，并使用 Jest 的 expect() 方法进行断言。除了基本的 HTTP 请求模拟外，nock 还提供了许多高级用法，可以满足我们更多的测试需求。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662f6a44d3423812e4d604a4