如果你正在开发前端项目，并且想要使用自动化测试工具，那么你一定会用到 Karma。但是，Karma 提供的默认输出日志方式不太友好，难以让你快速地知道测试结果。为了解决这个问题，我们可以使用一个 npm 包，叫做 karma-growl，它可以在测试完成后在屏幕上弹出提示框，直观地向你展示测试结果。
安装
使用 npm 安装 karma-growl：
npm install karma-growl --save-dev
安装完成后，你需要在 Karma 的配置文件中增加一个 reporter，用来输出测试结果：
-- -------------------- ---- -------
-- -------------
-------------- - ---------------- -
------------
-- ---
-- -- --------
---------- ------------ ---------
-- ---
---
-使用示例
我们来写一个简单的测试用例，以演示 karma-growl 的使用方式：
describe('Array', function() {
describe('#indexOf()', function() {
it('should return -1 when the value is not present', function() {
assert.equal([1, 2, 3].indexOf(4), -1);
});
});
});在这个测试用例中，我们使用了 Mocha 框架来编写测试代码。接下来，我们通过 Karma 来运行测试：
karma start
执行完毕后，屏幕上会弹出一个提示框，显示我们的测试结果：
如图所示，我们可以看到测试通过了。如果测试失败，它也会给出相应的提示。
指导意义
通过使用 karma-growl，我们可以快速地查看测试结果，而不用去查看冗长的终端输出。这样，我们就可以更加高效地进行自动化测试，并且得到更直观的反馈，进而提高项目开发效率。
同时，学会使用 npm 包也是每个前端开发者必备的技能之一。NPM 上有几十万的包可以使用，这些包可以极大地提高我们的开发效率，是前端开发必不可少的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efa4c49986ca68d8892