什么是 justo.reporter？
justo.reporter 是一个用于前端测试报告生成的 npm 包，它提供了多种报告生成的功能和定制化选项，并支持多种测试框架。
安装
npm install justo.reporter --save-dev
使用
基本用法
在测试脚本中，引入 justo 和 justo.reporter，并指定要使用的 reporter：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- - --------------------------
-----------
--------- ---------
--- ----------------
------ --- ---- -------
------ -
-- ----
-
--其中，ns 为测试套件的命名空间，title 为测试套件的标题，tests 为测试用例数组。
然后，在命令行中执行：
justo
就可以生成一个 html 格式的测试报告：
高级用法
justo.reporter 提供了丰富的定制化选项，可以完全按照自己的需求生成测试报告。
定制化 CSS 样式
在自己的项目中，可以通过定制化 CSS 样式来生成符合自己项目风格的测试报告。
首先，在项目中新建一个 CSS 文件，比如 my-reporter.css，然后在测试脚本中引入这个文件：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- - --------------------------
----- ---- - ----------------
-----------
--------- ---------
--- ----------------
------ --- ---- -------
---- -------------------- -------------------
------ -
-- ----
-
--其中，css 选项用来指定 CSS 文件的路径。
使用自定义模板
justo.reporter 支持使用自定义模板来生成测试报告。
首先，在项目中新建一个 html 文件，如 my-template.html，并在其中使用 ⊂TITLE⊃ 和 ⊂BODY⊃ 两个占位符分别表示测试套件标题和测试报告内容，如下所示：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ---------------------- ------- ------ ------ ------- -------
然后，在测试脚本中引用这个模板：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- - --------------------------
----- ---- - ----------------
-----------
--------- ---------
--- ----------------
------ --- ---- -------
--------- -------------------- --------------------
------ -
-- ----
-
--其中，template 选项用来指定模板文件的路径。
使用多个 reporter
如果要使用多个 reporter，可以将它们组合在一起：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- - --------------------------
----- ---- - ----------------
-----------
--------- -------------------- -------------------- -----------------
--- ----------------
------ --- ---- -------
------ -
-- ----
-
--在这个例子中，我们同时使用了 console 和 html 两个 reporter。
其他选项
justo.reporter 还提供了其他一些有用的选项，如 failOnError、failOnWarning、minCoverage 等，可以根据实际需求设置。
更多选项请参考官方文档。
示例代码
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- - --------------------------
----- ---- - ----------------
-----------
--------- ---------
--- ----------------
------ --- ---- -------
---- -------------------- -------------------
------ -
-
----- --------
--- ---------- -
-- -----
-
--
-
----- --------
--- ---------- -
-- -----
-
-
-
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f193b59403f2923b035c455