Angular2 代码覆盖选项答案

【问题标题】：Angular2 code coverage optionsAngular2 代码覆盖选项
【发布时间】：2017-04-17 09:00:06
【问题描述】：

Javascript 具有以下代码覆盖选项，例如：Istanbul、Karma、Blanket.js 和 JSCover。但是 Angular2 对这些工具的支持如何？我们知道使用 Angular2 可以实现伊斯坦布尔，但其他覆盖工具呢。

【问题讨论】：

我参考了这个问题，从stackoverflow.com/questions/36108640/… 中可以清楚地看到答案。

【解决方案1】：

Angular CLI 创建内置了 Istanbul 的项目。您运行 ng test --code-coverage 以生成 lcov 文件，并且您可以访问项目中的 karma 配置以根据需要自定义集成。

例如，在我的项目中，在文件karma.conf.js 中，我有这样的内容：

报道伊斯坦布尔记者：{ 目录：'../reports/jsCoverage', 报告：['html'，'lcovonly']，修复WebpackSourcePaths：真 }, ... 记者：config.angularCli && config.angularCli.codeCoverage ? ['进展'，'覆盖伊斯坦布尔'] : ['进度', 'kjhtml'],

更新：

在最新版本的 Angular CLI 中（不确定从什么时候开始，但在 v 1.2+，甚至可能是 1.1 中确定），您的 karma 配置甚至没有上面的 reporter 部分。 CLI 根据需要自行添加coverage-istanbul。

【讨论】：

当前版本正确的命令是ng test --code-coverage，不是ng test --coverage

【解决方案2】：

此链接清楚地解释了基于打字稿的代码覆盖率：-https://www.sitepen.com/blog/2015/09/29/code-coverage-for-typescript-and-other-transpiled-languages/

【讨论】：