在前端开发中，经常需要进行 HTTP 请求测试。而使用状态码来测试的好处在于，不仅可以测试请求是否成功，还可以根据不同的状态码进行更细致的测试，例如测试错误的情况。
今天我们介绍一种使用 Chai.js 中的状态码来测试 HTTP 请求的方法，这种方法不仅简单，而且可以提高代码的可读性和可维护性。
第一步：安装 Chai.js
Chai.js 是一个非常流行的 JavaScript 测试框架，可以让我们以简单的语法进行测试，并且可以和其他测试框架（如 Mocha）轻松集成。
要安装 Chai.js，只需要在控制台运行以下命令：
--- ------- ---- ----------
第二步：制作 HTTP 请求
在使用 Chai.js 进行 HTTP 请求测试之前，我们需要先制作一个 HTTP 请求。这里我们使用 axios.js 库来制作请求：
------ ----- ---- --------
----- ------- - --------------
-------- --------------------------
-------- -----
-------- -
--------------- -------------------
--
---
------ ------- --------以上代码实现了一个基本的 HTTP 请求模板，其中包含了请求的基本配置信息。我们可以通过修改 baseURL、timeout 等参数来进行不同的请求。
第三步：编写测试用例
现在我们已经有了请求模板，接下来我们可以编写测试用例来测试请求的状态码是否正确。
------ - ------ - ---- -------
------ ------- ---- ------------
-------------- --------- -- -- -
---------- ---- - --- ------ ------ ------ -- -
-------------------------------- -- -
--------------------------------------
-------
---
---
---------- ---- - --- ------ ---- --- ------------ ------ ------ -- -
----------------------------------------------- -- -
--------------------------------------------
-------
---
---
---以上代码中，我们使用了 Chai.js 中的 expect 断言语法，检查两个请求的状态码是否正确。第一个测试用例检查了请求是否成功，状态码是否为 200；第二个测试用例则检查了一个不存在的页面是否会返回 404。
在测试结束后，我们可以通过 done() 函数来标记测试已经结束，这样可以避免测试的异步问题。
总结
使用 Chai.js 中的状态码来测试 HTTP 请求，不仅可以对请求进行测试，还可以让我们更好地了解请求的状态码，从而实现更详细的测试。
Chai.js 还有很多其他的 API，例如 expect、should、assert 等，可以更灵活地编写测试用例。总之，我们可以根据自己的需要进行选择，以达到更优秀的代码质量。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/649e667d48841e9894ae97c7