Angular 如何"；在sonarqube中启用前端代码覆盖；对于一个有角度的项目_Angular_Sonarqube_Angular Cli_Bamboo_Test Coverage

Angular 如何"；在sonarqube中启用前端代码覆盖；对于一个有角度的项目

angular sonarqube

Angular 如何"；在sonarqube中启用前端代码覆盖；对于一个有角度的项目,angular,sonarqube,angular-cli,bamboo,test-coverage,Angular,Sonarqube,Angular Cli,Bamboo,Test Coverage,这是我的dahsboard，来自与Sonarqube相关的竹子：项目生成结果页面如下所示：所以，我想让测试覆盖率以竹子的形式显示单元测试报告。我提到我的angular项目有本地覆盖你能帮我吗？你是将结果输出到某种文件中，还是试图直接从SonarQube获取结果通常，通过添加测试解析器任务并将其指向受支持的测试输出文件，测试结果将以竹子的形式发布 Atlassian确实有一些很好的文章，因此您可能可以编写一个自定义解析器，通过他们的API直接从SonarQube报告。您是将结果输出到

这是我的dahsboard，来自与Sonarqube相关的竹子：

项目生成结果页面如下所示：

所以，我想让测试覆盖率以竹子的形式显示单元测试报告。我提到我的angular项目有本地覆盖

你能帮我吗？

你是将结果输出到某种文件中，还是试图直接从SonarQube获取结果

通常，通过添加测试解析器任务并将其指向受支持的测试输出文件，测试结果将以竹子的形式发布

Atlassian确实有一些很好的文章，因此您可能可以编写一个自定义解析器，通过他们的API直接从SonarQube报告。

您是将结果输出到某种文件中，还是试图直接从SonarQube获取结果

通常，通过添加测试解析器任务并将其指向受支持的测试输出文件，测试结果将以竹子的形式发布

Atlassian确实有一些不错的文章，因此您可能可以编写一个自定义解析器，通过SonarQube的API直接从SonarQube报告。

您需要将结果转换为SonarQube可以解释的格式。假设您使用的是Jasmine/Karma，这将是一种LCOV格式

修改生成脚本以包含以下行：

ng测试——代码覆盖率

这将在您的angular项目中创建一个coverage文件夹。但是，它将采用html格式。您还需要更改Karma runner，以便它生成一个lcov.info文件：

// karma.conf.js // .... coverageIstanbulReporter: { dir: require('path').join(__dirname, '../coverage'), reports: ['lcovonly'], fixWebpackSourcePaths: true }, // .... //karma.conf.js // .... 报道者：{ dir:require（'path'）.join（'uuu dirname，../coverage'），报告：['lcovonly']， FixWebPackageSourcePath:true }, // ....

最后，使用以下行更新sonar-project.properties文件，以便SonarQube知道在哪里可以找到覆盖范围：

sonar.typescript.lcov.reportPaths=coverage/lcov/lcov.info sonar.typescript.lcov.reportpath=coverage/lcov/lcov.info