在前端开发中，测试是至关重要的一个环节，它可以帮助我们发现并修复代码中的缺陷，保证应用系统稳定性，极大地减少我们的调试时间。本文将为大家介绍如何将 Mocha 和 Chai 配置为在浏览器中运行的 Javascript 自动化测试。
1. 什么是 Mocha 和 Chai？
Mocha 是一个 JavaScript 测试框架，它的运行环境既可以是浏览器也可以是 Node.js，同时支持 BDD（行为驱动开发）和 TDD（测试驱动开发）模式。Chai 是一个断言库，它能够让我们以更加优雅的方式编写测试代码。
Mocha 和 Chai 配合使用能够大大提高我们开发的效率，同时我们可以利用 Mocha 和 Chai 提供的各种 API 来提高代码的覆盖率和质量，有助于打造高质量的应用系统。
2. 如何配置？
2.1 安装 Mocha 和 Chai
我们可以通过 npm 来安装 Mocha 和 Chai：
npm install --save-dev mocha chai
2.2 配置 HTML 文件
在项目中新建一个 HTML 文件，该文件用来运行我们的测试代码。我们可以将 Mocha 和 Chai 相关的文件引入到该文件中：
-- -------------------- ---- -------
--------- -----
------
------
------------ --- ---- ------------
---- -- ----- -- ---
----- ---------------- -----------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------- ---------------------------- --
------- ---------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------- --------------------------------------
---- -- ---- -- ---
------- -------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------- --------------------------------------
-------
------
---- -----------------
---- ------ ---
------- -------------------------
-------
-------Mocha 和 Chai 文件都是从公共 CDN 引用的，可以更稳定地获取到最新的版本。
2.3 配置测试脚本
新建一个 test.js 文件，该文件用来编写测试用例。
首先，我们需要告诉 Mocha 我们的测试脚本运行在浏览器中：
mocha.setup('bdd');这里我们选择 BDD（行为驱动开发）模式，接下来我们可以开始写测试用例了：
describe('test', function () {
it('should return true', function () {
chai.expect(true).to.be.true;
});
});在 test.js 文件中，我们使用 describe 和 it 函数来声明测试用例。
describe 函数用来声明一个测试套件，通常一个测试套件包含多个测试用例，可以嵌套使用。
it 函数用来声明一个测试用例，通常一个测试用例包含一个或多个断言（assertion）。
chai.expect 是 Chai 断言库的一个 API，它用来检查我们的代码是否符合预期。
2.4 运行测试用例
现在我们已经配置好了 Mocha 和 Chai，我们可以在浏览器中打开 HTML 文件，查看测试结果了。
在浏览器中打开 HTML 文件，可以看到如下界面：
可以看到测试用例运行成功，这说明我们已经成功地将 Mocha 和 Chai 配置为在浏览器中运行的 Javascript 自动化测试了。
3. 总结
本文为大家介绍了如何将 Mocha 和 Chai 配置为在浏览器中运行的 Javascript 自动化测试。
我们可以通过安装 Mocha 和 Chai，并在 HTML 文件中引入相关文件进行配置。然后，我们可以在 test.js 文件中编写测试用例，使用 chai.expect API 来检查我们的代码是否符合预期。最后，我们可以在浏览器中打开 HTML 文件查看测试结果。
这些步骤可以帮助我们在前端开发中使用自动化测试，提高开发效率，提高代码的质量和可靠性，有助于保证应用系统的稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a79111add4f0e0ff0b46ea