angular - 如何在 Bamboo 中为 Angular 项目生成代码覆盖率数据？

Question

我正在尝试为 Bamboo 中的一个项目填充代码覆盖率。根据 Atlassian 文档，我们可以使用 Bamboo 提供的内置三叶草插件获得代码覆盖率。但不幸的是，它没有显示任何代码覆盖率信息。有人已经为 Angular 项目集成了这个功能吗？

注意:构建是使用默认的 angular-cli 生成的，测试结果是由默认的 Karma 测试运行器和 Istanbul 尔报告器生成的。

Answer 1

您的 Angular 项目不会提供“开箱即用”的 Clover 测试结果。相反，您将不得不进行一些项目修改并安装一些额外的包。我通过执行以下操作来完成此操作:

在 Bamboo 服务器上安装 ChromeHeadless

修改 package.json包含以下脚本(在脚本下):

"test": "ng test --code-coverage --watch=false --browsers=ChromeHeadless"

使用命令 run test 创建一个 npm 任务在您的项目目录中

修改 karma.js以满足您的需求。我不得不修改 outputDir、outputFile，并将报告器更改为 junit。我还添加了以下几行:

coverageIstanbulReporter: {
      dir: require('path').join(__dirname, 'coverage'), reports: ['json-summary', 'lcovonly', 'clover'],
      fixWebpackSourcePaths: true
    },

确保 karma-coverage-istanbul-reporter和 karma-junit-reporter安装并存在于 package.json 文件 ( link to npm package ) 中。

在 Bamboo 中添加一个 JUnit Parser 任务，从 **/coverage/junit.xml 获取结果