背景
在进行前端自动化测试时，生成可视化的测试报告非常有帮助。protractor-pretty-html-reporter 是一个能够生成漂亮的 HTML 测试报告的 NPM 包，在 protractor 中使用非常方便。
安装使用
依赖
Node.js 环境
protractor
安装NPM包
使用 npm 命令进行安装：
npm install protractor-pretty-html-reporter --D
配置 protractor.conf.js
在 protractor.conf.js 文件中添加如下配置：
-- -------------------- ---- -------
----- - ------------ - - ---------------------------------
----- -------------- - ----------------------------------------------------
-------------- - -
-- ---
---------------- -
----------- -----
------------------ -----
----------------------- ------
------ -------- -- - --
--
---------- -------- -- -
-------------------------------- --------------
----- -
------------------ -----
--
----
-------------------------------- ----------------
----- ----------
----------------- ------
----
--
-其中，path 为生成报告的路径，screenshotOnFail 为在测试失败时是否生成截图。默认不生成截图。
运行测试
在命令行中使用 protractor 来启动测试：
protractor conf.js
在测试运行完毕后，会在指定路径下生成一份 HTML 测试报告。
示例代码
-- -------------------- ---- -------
----------------------------------------- ------ -------- -- -
---------------- -------- -- -
----- --------------------------------------
---
---------- ----- ------- ----- -------- -- -
----- ----- - ----- -------------------
--------------------------------
---
---------- ------ ------ --- ------- ----- -------- -- -
----- --------- - ----------------------
----- ---------------------------------
----- -----------------------------------------
----- ------------- - --------------------------
-------------------------------------------------
---
---总结
protractor-pretty-html-reporter 可以方便地为 protractor 测试生成漂亮的 HTML 报告，让测试结果更加直观和易于理解。在进行前端自动化测试时使用该 NPM 包是非常有帮助的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572c581e8991b448e8e59