介绍
随着前端应用的复杂度不断提高，我们需要越来越多的工具来确保我们的代码质量。其中的一项关键任务就是测试。在前端领域，Mocha 和 Sinon 是用于编写和运行 JavaScript 测试的最流行工具之一。本文将提供一个完整指南，让你从头到尾了解如何使用Mocha和Sinon来编写JavaScript测试。
Mocha是什么
Mocha 是一个可用于前端和后端 JavaScript 的功能丰富的测试框架。Mocha 特别适合异步测试场景，比如测试时需要等待一个异步调用的结果。Mocha 的语法易于理解，学习曲线较容易驾驭。同时，Mocha 也提供灵活的 API 可以根据需要进行扩展。
Sinon是什么
Sinon 是一个帮助你在 JavaScript 测试中创建测试数据的库。它能够提供用于 stubs，mocks 和 spies 等工具以及其他有用的工具，这些工具可以极大地帮助你在测试中管理和操纵你的代码。Sinon 不仅可以在浏览器中使用，还可以在 Node.js 环境下使用。
开始
假设你已经安装了 Node.js 和 npm 环境。首先，你需要创建一个新的空项目，进入该项目的根目录，然后执行以下命令来初始化项目：
--- ---- --
这个命令将使用默认值创建一个 package.json 文件。它描述了你的项目以及它所依赖的 Node.js 模块。接下来，你需要安装 mocha 和 sinon 模块：
--- ------- ---------- ----- -----
这条命令会将这些模块安装到 devDependencies 中，并将其从 npm 网络 下载到 node_modules 目录中。
创建测试目录和测试文件
接下来，你需要创建一个新的名为 test 的子目录，然后在 test 中创建一个新的文件，命名为 test.js。这个文件就是我们将在里面编写所有的测试。
编写测试用例
假设你有一个名为 myModule 的模块，其代码如下：
--- -------- - -
------------ -------- -- -
-- ----
--
--------------- -------- -- -
-- ----
-
--你的测试用例应该有这样的代码：
--- ------ - ------------------
--- ----- - -----------------
--- -------- - ----------------------------
-------------------- -------- -- -
-------------------------- -------- -- -
---------- -- ----------- -------- -- -
--------------- ------------------------
--
---
----------------------------- -------- -- -
---------- ---- -------- --------- -------- -- -
--- --- - ------------------- ---------------
--------------------------
-----------------------
--------------
--
---
---这个测试用例涵盖了你的 myModule 对象的两个方法：doSomething() 和 doAnotherThing()。在每个测试用例中，我们使用了 Mocha 的 describe，it 和 assert 函数，并使用 Sinon 的 spy 函数来监听 doSomething() 方法是否被调用。最后，我们需要记得在 doAnotherThing() 测试结束晴空恢复函数。
运行测试
现在，你可以通过执行以下命令来运行你的测试：
------------------------- -----------
这个命令将递归运行所有的测试用例，并报告测试结果。如果所有的测试都通过了，那么你会看到一个绿色的小叉号。否则，你会看到一个红色的叉号和失败消息。
结论
在本文中，我们已经了解了 Mocha 和 Sinon 的基础知识，学习了如何使用这两个工具来编写 JavaScript 测试用例。有了这些知识，你可以开始创建更健壮和可维护的前端应用程序，因为测试可以确定您的代码是否按预期工作，以及预防一些不可预知的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670dc3cc5f551281025e562b