在前端开发中，测试是一个必不可少的环节。测试可以确保代码的正确性和稳定性，提高代码质量和开发效率。在 JavaScript 应用程序的测试中，Chai 和 Sinon.js 是两个非常重要的库。本文将介绍如何使用 Chai 和 Sinon.js 测试 JavaScript 应用程序。
Chai
Chai 是一个断言库，用于编写测试用例中的断言。它提供了三种断言风格：assert、expect 和 should。下面我们将分别介绍这三种风格的使用方法。
assert 风格
assert 风格是最基础的一种风格，它的语法非常简单，只需要使用 assert 方法即可。例如：
-- -------------------- ---- -------
----- ------ - -----------------------
----------------- ---------- -
---------------------- ---------- -
---------- ------ -- ---- --- ----- -- --- --------- ---------- -
---------------- -- -------------- ----
---
---
---上面的代码中，我们使用了 assert.equal 方法来判断两个值是否相等。如果两个值不相等，assert.equal 方法会抛出 AssertionError 异常。
expect 风格
expect 风格是一种更加优雅的风格，它的语法相对于 assert 风格更加易读。例如：
-- -------------------- ---- -------
----- ------ - -----------------------
----------------- ---------- -
---------------------- ---------- -
---------- ------ -- ---- --- ----- -- --- --------- ---------- -
---------- -- ----------------------------
---
---
---上面的代码中，我们使用了 expect 方法来判断两个值是否相等。如果两个值不相等，expect 方法会抛出 AssertionError 异常。
should 风格
should 风格是一种更加简洁的风格，它的语法相对于 assert 风格和 expect 风格更加简单。例如：
-- -------------------- ---- -------
----- ------ - -------------------------
----------------- ---------- -
---------------------- ---------- -
---------- ------ -- ---- --- ----- -- --- --------- ---------- -
--- -- -------------------------------
---
---
---上面的代码中，我们使用了 should 方法来判断两个值是否相等。如果两个值不相等，should 方法会抛出 AssertionError 异常。
Sinon.js
Sinon.js 是一个用于编写 JavaScript 测试的库，它提供了很多有用的功能，例如：模拟函数、模拟定时器、模拟网络请求等等。下面我们将介绍 Sinon.js 的常用功能。
模拟函数
模拟函数是 Sinon.js 中最常用的功能之一，它可以模拟一个函数的行为，例如：模拟返回值、模拟抛出异常等等。例如：
-- -------------------- ---- -------
----- ----- - -----------------
------------------- ---------- -
----------------------- ---------- -
---------- ------ ---- ---------- -
----- ------- - ---------------------
----- ------- - --- ----------
----- ------------ - ------------------- ------------------------
----- ------ - -------------------
-----------------------
------------------------
---
---
---上面的代码中，我们使用了 sinon.stub 方法来模拟 MyClass 类的 getValue 方法，让它返回 42。然后我们调用 getValue 方法，得到了 42 这个返回值。
模拟定时器
模拟定时器是 Sinon.js 中另一个常用的功能，它可以模拟 setTimeout 和 setInterval 方法的行为，例如：模拟定时器的延迟时间、模拟定时器的回调函数等等。例如：
-- -------------------- ---- -------
----- ----- - -----------------
------------------- ---------- -
---------------------------- ---------- -
---------- ---- --- -------- -------- ----- -------- ---------- -
----- ------- - ---------------------
----- ------- - --- ----------
----- -------- - ------------
----- ----- - ----------------------
--------------------------------
-----------------
-----------------------------------
----------------
---
---
---上面的代码中，我们使用了 sinon.spy 方法来创建一个回调函数的模拟对象，然后使用 sinon.useFakeTimers 方法来模拟定时器的行为。在调用 delayedMethod 方法后，我们使用 clock.tick 方法来模拟时间的流逝，然后判断回调函数是否得到了正确的调用。
模拟网络请求
模拟网络请求是 Sinon.js 中另一个常用的功能，它可以模拟 XMLHttpRequest 和 fetch 方法的行为，例如：模拟网络请求的返回值、模拟网络请求的超时等等。例如：
-- -------------------- ---- -------
----- ----- - -----------------
------------------- ---------- -
----------------------- ---------- -
---------- ---- --- -------- -------- ---- --- ------ ---------- -
----- ------- - ---------------------
----- ------- - --- ----------
----- ---- - ------ ---------
----- -------- - ------------
----- --- - ------------------------------
------------ - ----------------- -
-------------------- ---------------- -------------------- ----------------------
--
---------------------------
--------------
-----------------------------------------
---
---
---上面的代码中，我们使用了 sinon.spy 方法来创建一个回调函数的模拟对象，然后使用 sinon.useFakeXMLHttpRequest 方法来模拟 XMLHttpRequest 的行为。在创建 XMLHttpRequest 对象后，我们使用 xhr.onCreate 方法来模拟网络请求的返回值，然后判断回调函数是否得到了正确的调用。
总结
Chai 和 Sinon.js 是 JavaScript 测试中非常重要的两个库，它们提供了丰富的功能和易用的接口，可以帮助我们编写高质量的测试用例。在使用 Chai 和 Sinon.js 进行测试时，我们应该根据需要选择最适合自己的风格和功能，以便编写出简洁、清晰和易读的测试用例。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ff2701d10417a222a53852