Azure DevOps流水线React应用Cobertura覆盖率报告生成异常咨询

核心问题1：覆盖率未触发生成 #

你修改后的测试命令遗漏了--coverage参数，jest默认不会执行覆盖率统计逻辑，仅传递--coverageReporters参数不会生效，这是无覆盖率文件生成的核心原因。

核心问题2：发布任务的路径配置错误 #

你配置的覆盖率发布任务存在两处路径错误：

• 路径顺序颠倒：reactonazure/$(System.DefaultWorkingDirectory)是无效路径，$(System.DefaultWorkingDirectory)是流水线工作根目录，正确路径应为$(System.DefaultWorkingDirectory)/reactonazure/xx
• 文件名匹配错误：第二个发布任务匹配的是coverage.cobertura.xml，但CRA+jest生成的覆盖率文件名为cobertura-coverage.xml，文件名不匹配导致无法识别

具体解决步骤 #

步骤1：修正测试命令 #

补全--coverage参数，完整测试任务配置如下：

- script: |
    cd reactonazure
    CI=true npm test -- --coverage --reporters=jest-junit --reporters=default --coverageReporters=cobertura
  displayName: 'test code coverage'

步骤2：修正覆盖率发布任务 #

删除原有两个错误的发布任务，替换为以下配置：

- task: PublishCodeCoverageResults@1
  displayName: "Publish code coverage"
  inputs:
    codeCoverageTool: Cobertura
    summaryFileLocation: "$(System.DefaultWorkingDirectory)/reactonazure/coverage/cobertura-coverage.xml"
    reportDirectory: "$(System.DefaultWorkingDirectory)/reactonazure/coverage"
    failIfCoverageEmpty: true

可选：强制配置jest覆盖率规则 #

如果上述修改后仍有异常，可以在项目package.json中新增jest配置段，强制开启覆盖率和对应报告格式：

{
  "jest": {
    "collectCoverage": true,
    "coverageReporters": ["cobertura", "html", "text"]
  }
}

验证调试 #

如果需要确认文件生成情况，可在测试任务后新增以下脚本任务查看目录输出：

- script: |
    cd reactonazure
    ls -la coverage/
  displayName: 'Check coverage file generation result'

内容的提问来源于stack exchange，提问作者VivekDev