业力测试报告快速运行，但实际上运行缓慢

Question

最好用a video 解释这一点（或参见下面的 gif）：

您会注意到 Karma 进度报告器报告测试需要几毫秒，但显然需要相当长的时间...

I tweeted about this 和was told 到

尝试打开调试页面，然后打开 devtools 以生成应该显示减速发生的时间

所以here's a video of that。我不确定“生成时间......”是什么意思

有时我的业力测试运行得非常快，正如我所期望的那样（据报道）。有时它运行得很慢，但它说它以毫秒为单位运行。即使我在少量测试中使用describe.only 也会发生这种情况（但同样，并非总是如此）。我认为这种情况发生得越多，我运行测试的时间越长（观察者）。

我正在使用angular、webpack、es6（与babel）、karma、mocha、chai 和sinon。

我注意到，即使我在没有 karma-webpack 插件的情况下构建测试，然后在结果上运行 karma，我仍然会看到这个问题（所以我不认为它是 karma-webpack 插件）。

上面的视频是我的工作项目的测试套件（我们正在研究覆盖范围......）。但我有时会在我的开源项目angular-formly 中注意到同样的问题，该项目的构建和测试方式几乎相同。这是一个小得多的代码库（大约 2k 行，而 30k 行）。

所以，我的问题是，为什么它报告说它运行得非常快，但实际上并没有运行得非常快，我怎样才能让它跑得快？

Answer 1

编辑：这似乎不再是问题。这些天你应该可以使用 Chrome。

问题类似于this issue。但是，看起来 Chrome 需要位于前台（可能是 recent change？）...我在 Firefox 中看不到问题。

因此，解决方案是改用 Firefox。

但是，如果需要专门使用 Chrome，您可以阅读我发布的 another question 以解决此问题。