如果你正在为前端项目撰写自动化测试脚本，你需要一种方式来快速了解你的测试结果。 经常通过终端或其他控制台查看测试结果并不总是最方便的方式。
这时， karma-growl-notifications-reporter 就是你的救星。它可以在你的操作系统的通知中心（例如 macOS 的通知中心）弹出测试结果。
在本文中，我们将详细介绍如何安装和配置 karma-growl-notifications-reporter，并逐步展示如何在你自己的前端自动化测试脚本中使用它。
安装与配置
1.首先，你需要安装 Karma。你可以通过全局安装 Karma 的方式来使它成为你计算机中的一个命令行工具。
npm install -g karma
2.现在，我们需要本地安装一些插件，以便我们可以在我们的 Karma 配置文件中使用 karma-growl-notifications-reporter。 在终端输入以下命令以安装必要的插件：
npm install karma karma-chrome-launcher karma-jasmine jasmine-core karma-growl-notifications-reporter --save-dev
此时，我们需要有一个测试脚本来测试 karma-growl-notifications-reporter。 我们可以使用 Jasmine 来编写测试脚本。
-- -------------------- ---- -------
------------- ------ --------- ---------- -
---------- ------- --------- ----- --- ------ ---- -- ---- --- --- ------ ---------- -
------------------
------------- ------------------- --------
------------------------
---
---------- ------ ---- -- -------- --- ------ ---------- -
--------------------------
------------------------
---
---------- ------- ------- --- ------ ----- -- ---- --- --- --- ---- ----------- ---------- -
--- - - - ----- ------- --
--- - - - ----- ------- --
----------------------
---
---接下来我们需要编写 Karma 的配置文件。我们可以在项目根目录创建一个名为 karma.conf.js 的文件夹，并将以下内容复制到文件中：
-- -------------------- ---- -------
---------------
-------------- - ---------------- -
------------
-- -- ----- -- ------- ----
----------- ------------
-- -------
------ -
--------------
--
-- ------------- ------ -------
-- -------------- -
-- -------------- ------------
-- --------------- -----------
-- --
---------- ------------ ----------------------- -- -- --------------------- - --------- ---
-------- -
------------------------
----------------
------------------------------------ -- -- ------------------------------------ --
--
-- ----- ------ ---
--------- -----------
-- -----------
--------- ----
---
--我们已经准备好了测试代码和 Karma 配置文件了。现在，我们可以通过运行以下命令来运行测试：
karma start karma.conf.js
教程
然后，你应该能够看到你的测试通过了，但你可能会错过这个消息。因此，我们要添加 karma-growl-notifications-reporter 插件，以便可以在任务完成后看到测试结果。 在以上的 karma.conf.js 文件中，我们添加了 "growl-notifications" 作为第二个 reporters 到 reporters 数组中，从而告诉 Karma 生成通知。
让我们再次运行测试命令：
karma start karma.conf.js
现在，当你运行测试时，你会收到一个通知，告诉你测试已完成，以及你的测试有多少个通过/失败的测试用例。
自定义
插件的设置可以在 Karma 配置中进行更改，从而定制与增强通知功能。 下面，我们将列出可以自定义的选项。 建议你在此之前阅读项目GitHub页面以获取更多定制选项的详情。
-- -------------------- ---- -------
---------------
-------------- - ---------------- -
------------
----------- ------------
------ -
--------------
--
---------- ------------ -----------------------
-------- -
------------------------
----------------
------------------------------------
--
--------------------------- -
-- -----------
------ ------
-- --------
------ - ------
-- ------
-------- ----------
-- ---------
----- ------------
-- ------------------
----- -----
-- --------------------
------------- ----------------
-- -----------
--------------- --------------- -
------ --- ----- --- - - ------
--
-- ------------
-------------- ----------------- -
------ --- ------- --- - - --------
-
--
--------- -----------
--------- ----
---
--继续深入
如果你想进一步了解 karma-growl-notifications-reporter 的细节，建议你查看该插件的 GitHub 页面，并仔细阅读其文档和示例代码。 通过更深入地了解插件的功能，你可以更好地以定制化的方式将其应用于你的自动化测试脚本中。
总结
通过本文，你已经学会了如何安装和配置 karma-growl-notifications-reporter 并在你自己的前端自动化测试脚本中使用它。 通过添加这个插件，你可以很容易地在你的操作系统的通知中心中看到测试的结果。 你还学习了如何自定义插件设置，以及更深入地了解插件的细节和最佳实践。祝你好运!
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/79812