在前端开发时，编写测试是非常重要的一步，能够有效保证代码质量。Mocha 是一个流行的测试库，可以用来编写测试用例。但是，单靠 Mocha 是不够的，我们还需要使用其他库来辅助测试，例如 Sinon 和 Chai。
在本文中，我们将会介绍如何使用 Sinon 和 Chai 来编写更好的 Mocha 测试，包括如何使用 Sinon 模拟函数、Chai 的断言方法等等内容。
Sinon
Sinon 是一个强大的 JavaScript 测试库，它可以用来模拟许多不同类型的函数。下面我们来看看如何使用 Sinon 模拟函数。
模拟 AJAX 请求
在测试 AJAX 相关的代码时，我们经常需要模拟 AJAX 请求，以确保代码正确性。这时候，Sinon 就可以派上用场。
-- -------------------- ---- -------
-- -- ----- - ----
----- ----- - ----------------
----- - ------ - - ---------------
-- ------- --------
----- -------- - -
----- ----- -----
-
-- ------- ---- ----
-------- ----------- ----- --------- -
-- ----
------------- -- -
------------------
-- -----
-
----------------------- -- -- -
---------- ------ ---- ------ ------ -- -
-- ---- ----- --
----- --- - -----------------------------
----- -------- - --
------------ - -------- ----- -
------------------
-
-- ----
-------------------- ----- -- -
-----------------------------------
------
--
-- ----
-----------------------------------
------------------------ - --------------- ------------------ -- -------------------------
-------------
--
--在以上测试用例中，我们使用 Sinon 模拟了一个 AJAX 请求，并在调用 ajaxRequest 函数时触发该请求。最后，我们使用 expect(requests.length).to.equal(1) 来判断请求是否真正被触发，通过 requests[0].respond 设置该请求的响应结果，最后用 Chai 的 expect 断言判断结果是否正确。
模拟定时器
在某些场景下，我们需要模拟 setInterval 和 setTimeout 函数，以确保代码正确实现了相关功能。这时候，Sinon 提供了 useFakeTimers 方法来帮助我们模拟定时器。下面是一个模拟定时器的例子：
-- -------------------- ---- -------
-------------- ---- -------- -------- -- -
---------- ---- -------- ----- ---- -------- -- -
----- ----- - ---------------------
----- --- - -----------
-- -- -----
--------------- -----
----------------
----------------------------
---------------
--
--在以上测试用例中，我们使用 Sinon 模拟了一个定时器，并使用 useFakeTimers 方法来创建了一个 Sinon 对象，通过设置 clock.tick(1000) 来触发该定时器，最后使用 sinon.assert.calledOnce(spy) 断言函数是否被调用。
Chai
作为一个测试库，Chai 不仅提供了 assert 断言方法，还提供了 expect 和 should 断言方法，可以大大提高测试用例的可读性。下面，我们将会介绍使用 Chai 的 expect 断言方法。
expect 断言
在使用 Chai 的 expect 断言方法时，我们需要先使用 chai.expect 创建一个 expect 对象。接下来，我们使用 expect 对象对测试用例进行断言。下面是一个使用 expect 断言的例子：
-- -------------------- ---- -------
----- - ------ - - ---------------
---------------- ---------- -- -- -
---------- ------ ------ -- -- -
-----------------------
--
---------- ---- ------- -- -- -
-------- ---- ----- ------------------ ---- ----- --
--
--在以上测试用例中，我们使用了 expect 对象的 to.be.true 和 to.deep.equal 断言。
to.be.true断言：判断某个值是否为 true。to.deep.equal断言：用于深度匹配两个对象是否相同。
除此之外，Chai 还提供了其他许多方便的断言方法，可以根据不同场景选择使用。
总结
在本文中，我们详细介绍了如何使用 Sinon 和 Chai 来编写更好的 Mocha 测试。具体来说，我们学习了使用 Sinon 模拟 AJAX 请求和定时器，以及使用 Chai 的 expect 断言方法。这些技术对于前端开发的测试工作非常重要，希望能对读者有所帮助。
示例代码
本文中的例子代码已托管至 GitHub，读者可自行下载运行本地测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647067f2968c7c53b0e87b03