在开发 JavaScript 应用程序时，经常需要测试异步代码的正确性。传统的测试方法面对这种情况会变得很棘手，因为这些测试需要设定一个异步代码运行的场景，以便确保测试的正确性。幸运的是，现在有一些强有力的测试框架和库，如 Chai 和 Sinon.js 可以轻松地解决这个问题。
Chai 和 Sinon.js 简介
Chai 是一个 JavaScript 测试框架，它提供了一组易于阅读和编写的断言方法，允许开发人员以一种准确的方式测试代码。Chai 的优点是：简单易用、强大、可扩展。
Sinon.js 是一个 JavaScript 测试工具库，它允许您创建测谎工具，模拟 Ajax 请求，调用错误处理程序，并管理定时器。Sinon.js 对于测试异步代码时非常有用。这个库可以方便地创建伪造的 XMLHttpRequest 对象，并根据您的需要添加谎报数据。
使用 Chai 进行异步代码测试
我们来看一下如何使用 Chai 和 Sinon.js 来测试异步代码。以下是一个我们要测试的异步函数：
function asyncAdd(a, b, callback) {
setTimeout(() => {
callback(a + b);
}, 200);
}这个函数将两个数字相加，并通过 callback 返回结果。在测试中，我们希望测试这个函数在正确的时间内返回正确的值。
首先，我们需要使用 Chai 的 expect 函数创建一个异步测试。然后，我们使用 Sinon.js 创建一个 retry 函数，它将等待直到异步函数调用 callback。
-- -------------------- ---- -------
----- ------ - -----------------------
----- ----- - -----------------
-------------------- ---------- -
---------- --- --- ------- ---------------- -------------- -
----- -------- - ------------
----------- -- ----------
-- ------ ----- --------
-------- ------- -
--- -
------------------------------------------
-------
- ----- --- -
-- -- --- ---- ------ --- -----
----------------- ----
-
-
-- ---- --- ----- --------
--------
---
---这里我们使用 sinon.spy() 创建一个 spy 对象，该对象将记录异步回调的调用情况。
在异步测试中，我们使用一个 done 回调来告诉测试框架测试已完成。但是，由于异步测试需要等待一段时间，因此我们需要重试测试直到 callback 被调用。
如果测试成功，则会调用 done() 回调。如果测试失败，则会继续等待，以便下一次重试。
总结
在本文中，我们探讨了如何使用 Chai 和 Sinon.js 来测试 JavaScript 中的异步代码。我们了解了如何创建异步测试，并使用 Sinon.js 的一些方法来模拟异步调用。
测试是一个关键部分，它可以帮助您确保您的代码无论何时何地都可以运行良好。有了这两个强大的测试工具库，您可以轻松地测试 JavaScript 中的异步代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649bde3148841e98948a03da