介绍
在现代的前端开发中，我们经常需要进行单元测试等进行代码质量保证的工作，而 Protractor、Jasmine 等则是在前端单元测试中较为主流的工具。本教程将为大家介绍 npm 包 wordwrap-protractor-jasmine2-html-reporter 的使用，旨在为大家提供更加高效、可视化的测试报告。
安装
首先，请确保您已经全局安装了 node.js 以及 npm 包管理器，然后，执行以下命令：
npm install wordwrap-protractor-jasmine2-html-reporter --save-dev
运行
在安装完成之后，您需要对 Protractor 的配置文件进行修改：
-- -------------------- ---- -------
--- ------------ - ------------------------------------------------------
-------------- - -
-- ----- ---------- ------
---------- ---------- -
-- -- ------------ - ------- - -------- -
-------------------------------- --------------
----- ------------------------
--------- -----------------
---------- --- ---- --------
------------ -----
--------------- ----
----
-
-在上述配置中，我们向 Jasmine 的 reporter 中添加了 wordwrap-protractor-jasmine2-html-reporter，并通过 path 指定了测试报告输出的路径，通过 filename 指定了输出文件的名称，通过 pageTitle 指定了测试报告（网页）的标题，通过 showSummary 和 showQuickLinks 属性来启用或关闭浏览器端的报告总结和快捷链接功能。
此外，HtmlReporter 还有一些其它的函数可以供您使用，如 specStarted，specDone，jasmineStarted，jasmineDone 等等，分别对应各种不同的测试场景。
示例
最后，我们来看一下一个简单的 Protractor 测试脚本，并通过 wordwrap-protractor-jasmine2-html-reporter 输出测试报告的完整代码：
-- -------------------- ---- -------
--- ------------ - ------------------------------------------------------
-------------------- ---- ----- ---------- -
--------------------- -
--------------------------------------------------------
---
---------- ---- - ------- ---------- -
----------------------------------------- -------------
---
---------- --- --- --- ----- ---------- -
---------------------------------------
----------------------------------------
-----------------------------------
-------------------------------------------------------------
---
---------- --- ---- --- ----- ---------- -
---------------------------------------
----------------------------------------
-----------------------------------
--------------------------------------------------------------
---
-------------------- -
-- -- ------------ - ------- - -------- -
-------------------------------- --------------
----- --------------
--------- -----------------
---------- --- ---- --------
------------ -----
--------------- ----
----
---
---通过上述步骤，我们就可以通过 wordwrap-protractor-jasmine2-html-reporter 输出一个美观的测试报告，我们也建议您结合具体的项目进行实际测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671158dd3466f61ffe618