在前端开发中，我们通常会遇到各种各样的错误。有些错误会导致应用程序崩溃，有些错误则只会对应用程序的部分功能产生影响。其中一个比较常见的错误就是 404 错误，它表示网站上不存在某个页面或某个资源。为了保证应用程序的正确性，我们需要在测试时检查这些错误。
Chai.js 是一个流行的 JavaScript 测试框架，它提供了一系列的“期望”方法，可以用于测试应用程序的不同方面。在本文中，我们将介绍 Chai.js 的“期望”方法如何测试 404 错误。
Chai.js 的“期望”方法
Chai.js 的“期望”方法是测试框架中最重要的一部分。这些方法允许您编写断言来测试您的代码是否以期望的方式工作。
equal 和 deep.equal 方法
Chai.js 的 equal 和 deep.equal 方法可以用于测试两个值是否相等。如果传递给这两个方法的参数不同，测试将会失败。
not 方法
not 方法可以用于测试一个条件是否不成立。如果传递给 not 方法的参数为 true，测试将会失败。
expect 方法
expect 方法是 Chai.js 中最重要的期望方法之一。它允许您测试一个值是否等于一个预期值，是否为 true 或 false，以及是否抛出了一个异常。
测试 404 错误
在我们的应用程序中，当我们试图访问一个不存在的页面时，服务器会返回一个 404 错误。我们可以使用 Chai.js 的 expect 方法测试这个错误。
示例代码
首先，我们需要确保我们的应用程序返回正确的状态代码。以下是一个函数，该函数检查一个 URL 是否返回 404 错误：
-- -------------------- ---- -------
-------- -------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
--------------- -----
---------- - -- -- -
-- ----------- --- ---- -
---------- ---------- ---------
- ---- -
--------------------------
-
--
----------- - -- -- ---------- -------------- ---------
-----------
---
-接下来，我们可以使用 Chai.js 的 expect 方法检查此函数是否按预期工作：
-- -------------------- ---- -------
------------- ---------- ---------- -
---------- ------ --- ----- ----- --- ------------ ----- -------------- -
------------------------
-------------------- -- -
-------- --------------- --- ---------
--
-------------- -- -
----------------------------------- --------
-------
---
---
---在上面的测试中，我们使用 expect 方法检查错误消息是否等于“Not Found”。如果 get 函数返回一个错误，它将拒绝 Promise 并抛出一个错误，我们可以捕获并检查该错误。
在测试中，我们首先使用 done 参数，在测试完成时通知测试框架。然后使用 get 函数获取不存在的 URL，并检查返回的错误消息是否为“Not Found”。
总结
Chai.js 是一个非常流行的 JavaScript 测试框架。它提供了一系列的“期望”方法，可以用于测试应用程序的不同方面。在本文中，我们介绍了如何使用 Chai.js 的 expect 方法测试 404 错误。这使我们可以测试我们的应用程序是否正确处理不存在的页面或资源。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d585d6b5eee0b525d45b81