简介
在前端开发中，我们通常需要对项目进行自动化测试。而 Karma 就是一个十分流行的前端测试工具。karma-multibrowser-reporter 是 Karma 的一个插件，它可以让我们在多个浏览器中进行测试，并对测试结果进行报告。
安装
首先进行全局安装：
npm install -g karma-multibrowser-reporter
接着在项目目录下进行本地安装：
npm install --save-dev karma-multibrowser-reporter
配置
在 Karma 的配置文件 karma.conf.js 中，我们需要添加以下代码：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
---------- ------------ ----- ------------
----------- -
---------- -
------------ --------------------------- -------- ----------
------------ ---------------------------- -------- -----------
------------ --------------------------- -------- ----------
--
------------- -------
-------------- ------
--
--
-这里我们使用了三个浏览器 Chrome、Firefox 和 Safari 进行测试，并将测试结果输出到相应的 xml 文件中。
示例
下面是一个简单的测试用例，我们可以使用 karma start 命令运行该用例：
describe('Example', function() {
it('should be true', function() {
expect(true).to.be.true;
})
})接着，在终端输入以下命令进行测试：
karma start karma.conf.js
测试完成后，我们可以在 test/coverage 文件夹下找到三个 xml 文件，分别对应三个浏览器的测试结果。我们可以使用 karma-$browser-reporter 工具来查看 xml 文件的内容。比如，要查看 Chrome 浏览器的测试结果，可以输入以下命令：
karma-chrome-reporter test/coverage/Chrome.xml
该命令可以将测试结果以较为友好的方式输出到终端。
总结
karma-multibrowser-reporter 是一个方便实用的 Karma 插件，可以让我们轻松地在多个浏览器中进行测试，并对测试结果进行报告。通过使用本文介绍的方法，相信大家可以更加高效地进行前端测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efd4c49986ca68d8a2b