在前端开发中，我们经常需要进行自动化测试，并且需要生成测试报告以便于排查错误和改进测试用例。在使用 protractor 进行自动化测试时，protractor-jasmine2-html-reporter-with-total-failed 可以帮助我们生成美观且详细的测试报告。
什么是 protractor-jasmine2-html-reporter-with-total-failed？
protractor-jasmine2-html-reporter-with-total-failed 是 protractor 的一个 npm 包，可以将 protractor 的 jasmine2 测试结果转化为美观且详细的 html 报告。它支持展示测试用例的执行结果、用时、失败信息和堆栈信息等，同时还可以统计总共的测试用例数和失败的用例数，帮助我们更方便地分析测试结果。
如何使用 protractor-jasmine2-html-reporter-with-total-failed？
1. 安装
在使用 protractor 前，需要先安装 protractor-jasmine2-html-reporter-with-total-failed。可以通过 npm 进行安装：
npm install protractor-jasmine2-html-reporter-with-total-failed --save-dev
2. 配置
在 protractor 的配置文件中，我们需要引入 protractor-jasmine2-html-reporter-with-total-failed，并将其设置为测试用例的 reporter。示例代码如下：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- -------------------- - ---------------------------------------------------------------
-------------- - -
---
---------- -----------
------------- -
------------ --------
--
------ ----------------------
---------- ---------- -
-- ----------
-------------------------------- ----------------------
--------- -----------
------------------ ---------------
--------------- ---------
--------------- ---
------------------- -----
------------------ ----
--------- --------------
----------- -----
----------------- -----
------------ -----
--------------- -----
-- ----
------------------ ----------------
-- ---- ----------- ------------
----------- ---------- -
--- ----------- - -------------------------- - -------------------------- - --
-------------------------------------------- ------------ --------
-
----
-
--在示例代码中，我们设置了测试报告的基本配置项，例如报告存储的路径、截图存储的路径、报告文件的前缀和后缀等。同时，我们也设置了一个 onComplete 回调函数，它在测试完成后被调用，并将失败的用例数写入一个 total_failed.txt 的文本文件中。这样我们就可以知道测试中总共失败了多少个用例了。
3. 运行测试
在配置好 protractor-jasmine2-html-reporter-with-total-failed 并编写好测试代码后，我们可以使用 protractor 的命令行工具来运行测试。示例代码如下：
protractor conf.js
运行命令后，protractor 将自动启动浏览器并执行测试用例，最后将测试结果写入配置文件中设置的测试报告文件中。我们可以通过浏览器来打开这个测试报告文件，并查看测试结果。同时，我们也可以查看 total_failed.txt 文件，了解测试中总共失败的用例数。
总结
protractor-jasmine2-html-reporter-with-total-failed 是一个非常方便且实用的 npm 包，可以大大提高我们进行 protractor 自动化测试的效率和准确性。在使用时，我们需要认真配置和编写测试代码，并按照规范运行测试命令，以达到最佳效果。同时，我们也需要根据测试报告中的结果，及时改进测试用例和代码，并不断优化我们的自动化测试流程，以提高前后端开发的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572c481e8991b448e8dc7