前言
在前端开发中，自动化测试是一个不可或缺的环节。而 Mocha 是一个非常流行的 JavaScript 测试框架，它提供了丰富的测试工具和 API，可以帮助我们编写高质量、可维护的测试用例。
但是，每次修改代码后都要手动运行测试用例，这无疑会浪费大量的时间和精力。因此，本文将介绍如何使用 Mocha 监听代码变化，自动运行测试用例，以提高开发效率。
监听代码变化
Mocha 提供了一个命令行工具 mocha，可以通过命令行运行测试用例。但是，我们需要手动运行该命令，才能执行测试用例。
为了避免手动运行测试用例的繁琐，我们可以使用 mocha-watch 插件，实现自动监听代码变化，自动运行测试用例的功能。
安装 mocha-watch
首先，我们需要安装 mocha-watch 插件，可以通过 npm 进行安装：
npm install --save-dev mocha mocha-watch
配置 package.json
在 package.json 中，我们可以配置 mocha-watch 的运行参数，以满足我们的需求。例如：
{
"scripts": {
"test": "mocha",
"test:watch": "mocha-watch --watch --recursive --reporter=min --require=@babel/register tests/**/*.js"
}
}其中，test:watch 是自定义的脚本命令，它指定了使用 mocha-watch 运行测试用例的相关参数：
--watch参数表示监听文件变化；--recursive参数表示递归查找测试文件；--reporter=min参数表示使用简洁的测试报告；--require=@babel/register参数表示使用 Babel 进行测试文件的编译。
运行测试用例
现在，我们可以通过运行 npm run test:watch 命令，启动自动化测试模式。此时，当我们修改代码后，mocha-watch 会自动运行测试用例，并输出测试结果。
总结
通过使用 mocha-watch 插件，我们可以实现自动监听代码变化，自动运行测试用例的功能，从而提高开发效率。当然，除了 mocha-watch，还有其他的测试工具和插件，可以帮助我们更好地编写和运行测试用例，例如 chai、sinon、istanbul 等。希望本文对您有所帮助，谢谢阅读！
示例代码
以下是一个简单的测试用例，用于测试两个数相加的函数：
-- -------------------- ---- -------
-------- ------ -- -
------ - - --
-
--------------- ---------- -
---------- ------ - ---- - - --- ---------- -
------------------- --- ---
---
---------- ------ -- ---- -- - --- ---------- -
-------------------- --- ----
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650c372395b1f8cacd6435e9