介绍
benderjs-mocha 是一款基于 Mocha 的测试框架，可以帮助前端开发者进行自动化测试。它支持在浏览器与 Node.js 环境中进行测试。
本篇教程将介绍 benderjs-mocha 的基本用法，包括安装、配置、运行测试以及测试覆盖率等。
安装
使用 npm 进行安装：
npm install benderjs-mocha --save-dev
配置
在项目根目录下创建一个 bender.js 文件，并进行如下配置：
-- -------------------- ---- ------- -------------- - - -- ----- --------- - ------- - -- ------------- --------- - ----------------------- -- ---- --- -------------------------- -- --------- ---- -- ----------------------- -- -- ---- --- ----- - - - -- -- ---- ------ - -- ------ --------- --------- -- ----- -- ----------- - ------- -- ---------- - ------ -- -- ------------- -------- - ------- - ---------- - -- --- - ----- -- -- --------- --------- - -- ----------- ---------- ------------------ -- ------- ---------- - ----------- --- --------- --- ------ --- ---------- -- - - - --展开代码
其中，autoLoad 属性是要在浏览器中加载的标准 JavaScript 脚本的数组。这些脚本在浏览器环境中执行，以支持开发人员进行测试。
rootPath 属性是测试用例的目录，这里建议将测试用例按照模块划分，方便查找。
添加测试用例
在 test 目录下，一般会根据模块名创建文件夹，然后在里面创建测试用例。
示例 test/module-a.js：
describe('Module A', function () { it('should do something', function () { // 测试代码 }); });
这里使用 Mocha 的 describe 和 it 方法来定义测试用例。describe 方法可以定义一组测试用例，it 方法用于定义一个具体的测试用例。
运行测试
在终端执行以下命令，可以运行测试：
./node_modules/.bin/bender test
这里假设项目的测试命令为 test。
执行后，benderjs-mocha 会自动启动 Chrome（默认浏览器），然后加载测试页面运行测试。测试完成后在终端输出测试结果。
测试覆盖率
benderjs-mocha 支持测试覆盖率工具，可以帮助开发人员检查测试覆盖率。
在 bender.js 中配置 coverage 对象即可。其中，coverage.reportDir 属性指定测试覆盖率结果的输出目录，threshold 属性指定测试覆盖率的期望值。
执行以下命令，可以生成测试覆盖率报告：
./node_modules/.bin/bender test --coverage
浏览器会自动弹出测试覆盖率报告页面。在这个页面中，可以查看每个文件的测试覆盖率情况。
总结
benderjs-mocha 是一款非常实用和方便的测试框架，其配置简单且易用，能够满足前端开发者的需求。
值得注意的是，测试覆盖率不能代表测试的全面性。开发人员应该编写足够全面的测试用例，以确保代码的健壮性和正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5efc52ec403f2923b035bb09
