在前端开发中，我们经常需要测试异步代码，例如 Ajax 请求、定时器等等。但是如何确保异步代码的正确性呢？这时候就需要使用一些测试工具来帮助我们进行测试。本文将介绍如何使用 Chai 和 Sinon 这两个工具来测试异步代码。
Chai
Chai 是一个 JavaScript 测试库，提供了许多断言函数，可以方便地进行测试。Chai 支持三种不同的断言风格：should、expect 和 assert。下面以 expect 断言风格为例，介绍如何使用 Chai 进行异步代码测试。
首先，我们需要安装 Chai：
npm install chai --save-dev
然后，在测试文件中引入 Chai：
const expect = require('chai').expect;接下来，我们可以使用 Chai 提供的 expect 函数来断言异步代码的结果。例如，下面是一个测试 Ajax 请求的例子：
-- -------------------- ---- -------
-------------- --------- ---------- -
---------- --- -------- ------ -------------- -
-- -- ---- --
--------- -------------- -
-------------------------------- ---------
-------
---
---
---在这个例子中，我们使用了 Mocha 测试框架来编写测试代码。describe 函数用来描述一个测试集，it 函数用来描述一个测试用例。在测试用例中，我们发送了一个 Ajax 请求，然后使用 expect 函数来断言返回的数据是否与预期相等。由于是异步代码，我们需要在回调函数中调用 done 函数来通知测试框架测试已经完成。
Sinon
Sinon 是一个 JavaScript 测试库，提供了许多模拟函数、间谍函数和存根函数等等，可以方便地进行测试。下面以模拟函数为例，介绍如何使用 Sinon 进行异步代码测试。
首先，我们需要安装 Sinon：
npm install sinon --save-dev
然后，在测试文件中引入 Sinon：
const sinon = require('sinon');接下来，我们可以使用 Sinon 提供的 stub 函数来模拟异步函数的行为。例如，下面是一个测试定时器的例子：
-- -------------------- ---- -------
----------------- ---------- -
---------- ---- -------- -------- ----- - -------- -------------- -
-- --------
----- -------- - -------------
-- -------
--------------------- -
-----------
-- ------
-- -- --- -------------
--------------------- -
---------------------------------------
-------
-- ------
---
---在这个例子中，我们创建了一个模拟函数来模拟定时器的回调函数，然后启动了一个定时器。在等待 1.1 秒后，我们使用 expect 函数来断言模拟函数是否被调用。由于是异步代码，我们需要在回调函数中调用 done 函数来通知测试框架测试已经完成。
结论
使用 Chai 和 Sinon 可以方便地测试异步代码。Chai 提供了许多断言函数，可以方便地进行测试。Sinon 提供了许多模拟函数、间谍函数和存根函数等等，可以方便地进行测试。在测试异步代码时，我们需要注意使用 done 函数来通知测试框架测试已经完成。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6758fe5a62956301acd41e23