“ng test”不能同时做覆盖率报告和TeamCity报告

Posted 2023-03-16

【中文标题】“ng test”不能同时做覆盖率报告和TeamCity报告

【英文标题】："ng test" can't do coverage report and TeamCity reporting at the same time

【发布时间】：2017-08-14 23:15:28

【问题描述】：

我正在尝试在 TeamCity 构建服务器上为 Angular CLI 项目运行单元测试。

如果我使用命令：

ng test --single-run --code-coverage

然后，正如预期的那样，我得到了一份测试覆盖率报告，但个别测试结果没有显示在 TeamCity 中。

如果我打开 TeamCity 报告：

ng test --single-run --code-coverage --reporters teamcity

然后测试通过并且 TeamCity 报告完美运行，但它默默地无法生成代码覆盖率报告。这种行为在我的本地机器上是可重现的，因此它与构建服务器的配置方式无关。

这两个选项应该互斥有什么理由吗？

注意 - 这与Configuring code coverage report for Karma on TeamCity 不同。如果报告在那里，那么 TeamCity 会正确显示它，但如果我打开 TeamCity 报告标志，那么覆盖文件夹根本不存在。

附加信息：

Angular-CLI 版本 1.0.0-rc.4（使用 1.0.0-rc.1 首次发现问题） 业力版本 1.4.1 节点版本 6.9.4 Windows 7 企业版

业力配置：

// Karma configuration file, see link for more information
// https://karma-runner.github.io/0.13/config/configuration-file.html

module.exports = function (config) 
  config.set(
    basePath: '',
    frameworks: ['jasmine', '@angular/cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular/cli/plugins/karma'),
      require('karma-teamcity-reporter')
    ],
    client:
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    ,
    files: [
       pattern: './src/test.ts', watched: false 
    ],
    preprocessors: 
      './src/test.ts': ['@angular/cli']
    ,
    mime: 
      'text/x-typescript': ['ts','tsx']
    ,
    coverageIstanbulReporter: 
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    ,
    angularCli: 
      environment: 'dev'
    ,
    reporters: config.angularCli && config.angularCli.codeCoverage
              ? ['progress', 'coverage-istanbul']
              : ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  );
;

【参考方案1】：

我将此作为issue on GitHub 提出，Angular-CLI 团队指出了解决方案：

ng test --single-run --code-coverage --reporters=teamcity,coverage-istanbul

--code-coverage 选项仅在记者列表包含报道工具时才有效。如果没有报道记者在场，它会静默失败。 --reporters 开关替换了默认记者列表，因此必须明确重新添加 coverage-istanbul。 coverage-istanbul 记者不会自行生成报告； --code-coverage 开关仍然是必需的。

【讨论】：

嗨，您会在哪个目录中找到这些报告的输出？

代码覆盖率报告是一组 HTML 文件，位于项目根目录下名为“coverage”的目录中。 TeamCity 报告（单元测试的结果）进入标准输出，仅当测试在 TeamCity 构建服务器上运行时才有用。在本地机器上运行构建时，我关闭了 TeamCity 报告以减少终端中的噪音。