前言
在前端开发中，测试是非常重要的一环。而 Mocha则是前端测试的一个流行的库。同时，Mocha 也允许多种不同的报告格式。本文介绍的是 npm 包 mocha-json-reporter，一种生成 JSON 格式报告的 Mocha 插件。
安装
我们可以使用 npm 进行包的安装，方法如下：
npm install mocha-json-reporter --save-dev
配置
添加命令行参数 --reporter mocha-json-reporter, 这样运行 Mocha 就会自动生成 JSON 报告了，如下：
mocha test.js --reporter mocha-json-reporter
同时，我们可以为 jsonreporter 指定不同的文件名，如：
mocha test.js --reporter mocha-json-reporter --reporter-options output=json/TEST-report.json
这样，生成的 JSON 报告就会被存储在 json/TEST-report.json 中。
报告格式
下面我们来看一下生成的 JSON 格式的报告的结构。
-- -------------------- ---- -------
-
-------- -
--------- --
-------- --
--------- --
---------- --
----------- --
-------- ---------------------------
------ ---------------------------
----------- --
--
-------- -
-
-------- --------
------------ ----- -------
----------- ---
--------------- --
------ -----
------- --------
-------- ---------
-------- ------
--
-
-------- --------
------------ ----- -------
----------- --
--------------- --
------ -----
------- --------
-------- ----------
-------- ---------
-
-
-我们可以看到，JSON 报告包含两个主要部分：统计数据和测试数据详情。其中，统计数据包括测试集、测试用例、通过用例、等待用例以及错误用例的数量，测试开始时间，测试结束时间和持续时间。测试数据详情是一个数组，其中包含了每个测试用例的名称，全名称，运行时间，结果状态和性能。
示例
下面给出一个例子演示如何在 JavaScript 中使用 mocha-json-reporter。
在测试文件 test.js 中，我们写入以下代码：
-- -------------------- ---- -------
----- ------ - -----------------
------------ ---- ------- ---------- -
----------- ---------- -
-------------- - -- ---
---
-- -- ------- -------
------------
---在终端中运行以下命令：
mocha test.js --reporter mocha-json-reporter --reporter-options output=json/TEST-report.json
此时，json/TEST-report.json 就会被创建，并按上面所述结构存储测试结果。
最后，我们可以用其他工具将此结果集成到我们的持续开发集成（CI）系统中。例如，选择在 Jenkins 中使用 JUnit 插件，将 JSON 报告转换成 XML 文件。这样，我们就可以在 Jenkins 控制界面实时追踪测试结果了。
总结
本文我们介绍了 npm 包 mocha-json-reporter 的使用教程和报告格式，以及给出了一个实例来说明如何应用此工具。在前端开发中，测试是不可避免的一环。通过正确使用测试工具，我们可以大大提高开发效率和代码质量，减少不必要的错误和问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc881e8991b448dd483