前言
在前端开发中，测试是一个必不可少的环节。而 Karma 是一个非常流行的测试运行器，在 Karma 中使用 Growl 来展示测试结果是一个很不错的选择。今天我们将介绍一种非常实用的 NPM 包 -- karma-growly-reporter，它可以在 Karma 中使用 Growl 来展示测试结果，并且还具有很多自定义的功能。
安装
我们可以使用 npm 安装 karma-growly-reporter，安装命令如下：
$ npm install karma-growly-reporter --save-dev
在安装完成后，我们需要将 karma-growly-reporter 添加到 Karma 的配置文件中。
添加到 Karma 配置文件
为了在 Karma 中使用 karma-growly-reporter，需要将它添加到 Karma 的配置文件中。我们需要在 plugins 配置项中添加 karma-growly-reporter，如下所示：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---
-------- -
-- ---
-----------------------
--
-- ---
---
-另外，我们还需要在 reporters 配置项中指定使用 karma-growly-reporter，如下所示：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---
---------- -
-- ---
--------
--
-- ---
---
-使用
在完成上述配置后，我们就可以使用 karma-growly-reporter 了。当运行 Karma 测试时，它会将测试结果作为 Growl 通知展示在桌面上。当我们点击通知时，它会打开默认的浏览器并显示测试详情。
当然，karma-growly-reporter 还提供了许多自定义功能。我们可以修改 Karma 配置文件中的增强项来使用这些功能。
自定义
通知图标
默认情况下，karma-growly-reporter 使用肯德基的绿色“小鸡”图标作为通知图标。如果我们希望使用自定义的图标，可以设置 icon 配置项，如下所示：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---
--------------- -
----- ------------------------
-
-- ---
---
-通知标题
默认情况下，通知标题是“Karma Tests”。我们可以使用 title 配置项来自定义它，如下所示：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---
--------------- -
------ --- ------
-
-- ---
---
-事件触发时间
默认情况下，通知会在测试完成后立即出现。我们可以使用 notificationMode 配置项来自定义它，如下所示：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---
--------------- -
----------------- --------
-
-- ---
---
-notificationMode 可以设置为 following 、always、none。在 following 模式下，通知将在测试完成后显示，但如果您在 1 秒内执行一个新的测试，它将在新测试完成时更新，以免您的通知中积累了太多的信息。在 always 模式下，通知将一直保留在桌面上，需要您手动关闭它。在 none 模式下，将不显示通知。
示例代码
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- ---- ----- ---- ---- -- ---- -- ------- ----- --- -------
--------- ---
-- ---------- -- ---
----------- ------------
-- ---- -- ----- - -------- -- ---- -- --- -------
------ -
-- ---
--
-------- -
-- ---
-----------------------
--
-- ---- -- ---------
---------- -
-- ---
--------
--
--------------- -
----- -------------------------
------ --- -------
----------------- --------
--
-----
---
--总结
使用 karma-growly-reporter 可以非常方便地展示测试结果，并提供了众多自定义功能。希望这篇文章能帮助你更好地使用 karma-growly-reporter。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efa4c49986ca68d8896