什么是 broccoli-testem-plugin？
broccoli-testem-plugin 是一个基于 broccoli 的插件，可以为前端项目提供测试执行和测试覆盖率报告的支持。它的主要功能是在构建过程中运行测试，并将测试结果和覆盖率数据输出到可视化的报告中。它支持的测试框架包括 QUnit、Mocha 和 Jasmine。
安装
使用 npm 安装 broccoli-testem-plugin：
npm install --save-dev broccoli-testem-plugin
使用
首先需要在项目中使用 broccoli 创建一个树：
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ------ - -------------------- ----- ------ - --- --------- ----- ------- - --- ------------------------- --------------- --------------- -- -------------------- -------------- -- ---------------------- --------
接下来，在 MyTree 中使用 broccoli-testem-plugin：
-- -------------------- ---- -------
----- ------ - ----------------------------------
----- ------ ------- ------------- -
----------------------- -
------------------
----- ------------ - -
---------- --------
--------- -------------------
--
----------- - --- ------------------ --------------
-
----- ------- -
----- --------------------
-- ---------
-
-在上面的示例中，我们使用 Mocha 作为测试框架，指定了测试入口文件为 tests/index.html，并将其传递给 Testem。
然后，在 build() 方法中，我们调用了 Testem 的 build() 方法来运行测试。在测试完成后，Testem 会将测试结果和覆盖率数据输出到默认的报告目录中，我们可以在浏览器中访问 http://localhost:7357/ 来查看报告。
除了默认的报告目录，Testem 还支持输出到自定义的报告目录。在 testemConfig 中，我们可以指定 reporter 选项为 json，这样 Testem 会将测试结果和覆盖率数据输出为 JSON 文件。然后在 build() 方法中，我们可以读取该文件并进行自定义处理。
指南
使用 broccoli-testem-plugin 可以轻松地在前端项目中运行测试，并且可视化报告使得测试结果更加直观和易于理解。为了提高测试质量和效率，以下是一些指南：
- 编写测试用例时，应该尽可能地覆盖代码的各种情况，特别是一些边界情况。
- 将测试用例集成到自动化构建流程中，例如使用 CI 工具 Travis CI 或 CircleCI。这样，当代码发生变化时，自动化测试可以帮助识别潜在的问题。
- 开发过程中应该时刻关注测试结果，并尽可能快速地修复测试不通过的问题。这可以通过设置开发环境中的监视方式实现，例如
ember-cli的ember s命令。
示例代码
以下是一个使用 broccoli-testem-plugin 运行 Mocha 测试的示例代码：
-- -------------------- ---- -------
----- -------- - --------------------
----- ------ - ----------------------------------
----- ------ ------- ------------- -
----------------------- -
------------------
----- ------------ - -
---------- --------
--------- -------------------
--
----------- - --- ------------------ --------------
-
----- ------- -
----- --------------------
-
-
----- ------ - --- ---------
----- ------- - --- -------------------------
---------------
--------------- -- --------------------
-------------- -- ---------------------- --------在 tests/index.html 中可以包含各种 Mocha 测试用例，例如：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------ -------------
----- ---------------- ----------------------------------------------------------
-------
------
---- -----------------
------- -----------------------------------------------------------------
------- ------------------------
--------
-------------------
------------
---------
-------
-------在 tests.js 中可以编写各种测试用例，例如：
describe('Array', function() {
describe('#indexOf()', function() {
it('应当返回 -1，当值不存在于数组中', function() {
assert.equal([1,2,3].indexOf(4), -1);
});
});
});来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c89ccdc64669dde5164