Mocha 是一个 JavaScript 测试框架，它支持在 node.js 环境和浏览器中进行测试。而 Sinon.js 则是一个 JavaScript 测试工具，它可以模拟和替换函数以及模块，从而让我们可以更方便地进行单元测试。
在本文中，我们将介绍如何在 Mocha 中使用 Sinon.js 进行单元测试，从而提高代码的可维护性和可测试性。
安装 Mocha 和 Sinon.js
首先，我们需要安装 Mocha 和 Sinon.js。我们可以使用 npm 命令来进行安装：
npm install mocha sinon --save-dev
编写测试用例
接下来，我们来编写一个简单的测试用例，它测试了一个简单的函数：
-- -------------------- ---- -------
-------- ------ -- -
------ - - --
-
--------------- ---------- -
---------- ------ --- --- -- --- --------- ---------- -
--- ------ - ------ ---
---------------------------
---
---在这个测试用例中，我们测试了一个名为 add 的函数，它接受两个参数并返回它们的和。我们使用 Mocha 中的 describe 和 it 函数来定义测试用例和测试点。我们也使用了 Chai.js 中的 expect 函数来进行断言，确保函数的返回值符合预期。
使用 Sinon.js 进行模拟
现在，让我们来使用 Sinon.js 来模拟一个函数。假设我们有以下代码：
-- -------------------- ---- -------
-------- ---------- -
------ ------------------------ -- ------------
-
-------- -------------- -
------ --------------------- -- -
-------------------
---
-
---------------在这个代码中，我们定义了一个名为 getUsers 的函数，它使用 fetch 方法来获取数据，并将数据转换为 JSON 格式。我们还定义了一个名为 displayUsers 的函数，它使用 getUsers 方法来获取用户数据并将它们显示在控制台上。
现在，我们来测试 displayUsers 函数，并使用 Sinon.js 来模拟 getUsers 方法。我们的测试用例如下：
-- -------------------- ---- -------
------------------------ ---------- -
---------- ------- ------- ---------- -
--- --------- - --------------------------------------
----- ---------- -
------ ------------------ --- -- ----- ------- ----
-
----
------------ - ----------
------ ------------------------------ -
--------------------------------------- --- -- ----- ------- ----
---
---
---在这个测试用例中，我们使用 sinon.stub 函数来创建一个模拟 getUsers 方法的 stub。该 stub 返回一个 Promise，Promise 的 resolve 方法返回一个包含一个对象的 Promise，该对象具有 json 方法，该方法返回一个 Promise，该 Promise 包含一个用户数组。我们还使用 global 对象来定义我们的模拟 fetch 方法。
在测试用例中，我们也使用了 Chai.js 中的 expect 函数来进行断言。我们使用了 sinon-chai 插件中的 be.calledWith 函数，确保 console.log 方法被调用并且它的参数是用户数组。
结论
在本文中，我们介绍了如何在 Mocha 中使用 Sinon.js 进行单元测试。我们通过一个简单的例子来解释如何使用 Sinon.js 来模拟一个函数。使用 Sinon.js 可以让我们更方便地进行单元测试，并且可以提高代码的可维护性和可测试性。有了这些技术和工具，我们可以更轻松地开发高质量的 JavaScript 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673481290bc820c582498674