前言
在进行前端开发时，经常需要运行测试用例来保证代码的质量。Karma 是一个基于 Node.js 的 JavaScript 测试环境，它可以用于运行各种测试框架（Jasmine、Mocha、QUnit 等）。
在 Karma 中，默认的测试报告输出是同步的，也就是说在测试用例运行完成之前无法看到测试报告。这时候，就需要使用 karma-defer-spec-reporter 这个 npm 包来解决这个问题。
本文将详细讲解如何安装和使用 karma-defer-spec-reporter 这个 npm 包。
安装
首先，我们需要在命令行中输入以下命令来安装 karma-defer-spec-reporter：
npm install karma-defer-spec-reporter --save-dev
配置
接下来，在 Karma 的配置文件 karma.conf.js 中添加 karma-defer-spec-reporter 插件：
-- -------------------- ---- -------
-------------- - ---------------- -
------------
-- --- ------
---------- ---------------
-------- -
---------------------------
--
-- --- ------
---
--在 reporters 中添加 defer-spec，表示要使用 defer-spec 的测试报告。在 plugins 中添加 karma-defer-spec-reporter 插件。
使用
现在，我们就可以开始运行测试用例并看到测试报告了。运行以下命令：
karma start karma.conf.js
运行完成之后，我们可以在命令行中看到下面的输出：
START: 9 specs, 0 failures SUCCESS: 9 specs, 0 failures
这时候，我们并没有看到详细的测试报告，而是得到了一个简单的提示。
不用担心，这时候我们只需要按下 Ctrl + C 键来终止进程，然后重新运行一次：
karma start karma.conf.js
这时候，在命令行中就会输出详细的测试报告。并且，系统会自动打开浏览器来显示测试报告。
指导意义
在使用 karma-defer-spec-reporter 进行测试时，我们发现需要运行两次命令才能看到详细的测试报告，这是因为 karma-defer-spec-reporter 插件会把测试报告缓存在内存中，只有在第二次运行命令时才会输出报告。
这样的做法虽然有些麻烦，但它使得我们能够在测试用例运行期间实时监控测试结果，这对于代码质量的保证非常重要。
示例代码
以下是一个简单的 Jasmine 测试用例：
-- -------------------- ---- -------
------------------ ---------- -
---------- ------ ---------- -
------------------------
---
---------- ------ ---------- -
-------------------------
---
---通过上述配置和命令运行测试用例，我们可以得到如下的测试报告：
START:
MyTest
✓ should pass
✗ should fail
Expected false to be true.
2 specs, 1 failure
SUCCESS:
2 specs, 1 failure这样就可以在测试用例运行期间不断地监控测试结果，从而保证代码的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556d381e8991b448d3aa5