Angular、Karma 和 Jasmine 报告颜色答案

【问题标题】：Angular, Karma and Jasmine report colorsAngular、Karma 和 Jasmine 报告颜色
【发布时间】：2019-01-03 09:05:16
【问题描述】：

我正在使用 Angular 6、Karma 和 Jasmine 设置一个新的解决方案。然而令我惊讶的是，规格列表将以下类作为未定义：

<li class="undefined" id="spec-spec1" spec-suite-id="suite3">
<a href="?spec=Router%3A%20App%20looks%20async%20but%20is%20synchronous">
   looks async but is synchronous
</a>
</li>

使用 Angular 5 的结果如下所示：正在运行的规范清楚地显示为绿色，跳过的规范显示为灰色

如何在 Angular 6 生成的测试中使用 CLI 进行调试？

【问题讨论】：

这里有同样的问题，运气好不好？？？

标签： angular jasmine angular-cli karma-jasmine karma-runner

【解决方案1】：

您可以编写console.log将日志写入控制台或直接在您的测试中写入“调试器”并打开您运行测试的浏览器的开发者控制台。

始终只运行问题所在的测试。要做到这一点，你可以专注于一个带有“f”的测试，bevore describe() 和 it() 所以只执行这个测试。

fdescribe("when ...", function () { // to [f]ocus on a single group of tests
    fit("should ...", function () {...}); // to [f]ocus on a single test case
});

...和：

xdescribe("when ...", function () { // to e[x]clude a group of tests
    xit("should ...", function () {...}); // to e[x]clude a test case
});

【讨论】：

【解决方案2】：

如您所见，您使用的是旧版本的 Karma (1.7.1)。在 package.json 中更新它（使用 jasmine-core 等其他依赖项）。目前最新版本是 4.1.0 - 你可以在https://www.npmjs.com/package/karma查看它

【讨论】：