GitLab CI中jest-junit reporter配置问题：如何在MR展示错误？

问题核心 #

配置jest-junit后，合并请求仅显示红色失败图标，无法查看具体测试错误详情，问题出在报告路径不匹配、并行测试报告拆分、依赖安装不稳定这几个关键点上。

修复步骤 #

1. 固定依赖版本，移除CI临时安装操作 #

不要在CI脚本中动态安装jest-junit，避免版本不一致或安装失败。直接将其添加到项目开发依赖：

yarn add --dev jest-junit

随后修改CI脚本，删除yarn add --dev jest-junit这一行。

2. 统一Reporter配置，避免重复定义 #

保留jest.config.ts中的reporters配置，移除CI命令中的--reporters参数，避免配置冲突：

// jest.config.ts
export default {
  // 其他现有配置...
  reporters: ["default", "jest-junit"]
};

CI脚本修改为：

script:
  - yarn install
  - yarn affected:test --ci --base=remotes/origin/master

3. 修正Artifacts路径匹配 #

由于package.json中设置了outputDirectory: "junit"，测试报告实际生成在junit/目录下，而非根目录。修改CI的artifacts配置：

artifacts:
  when: always
  expire_in: 5 days
  reports:
    junit:
      - junit/*.xml

4. 处理NX并行测试的报告拆分问题 #

NX的--parallel参数会为每个测试目标生成单独的junit文件，CI平台无法自动合并解析，可选择以下两种方案：

方式一：禁用并行测试（简单直接）

修改CI命令，去掉并行参数：

script:
  - yarn install
  - yarn affected:test --ci --base=remotes/origin/master --maxParallel=1

方式二：合并多份测试报告（保留并行）

安装junit合并工具，在测试完成后合并所有报告：

yarn add --dev junit-merge

修改CI脚本：

script:
  - yarn install
  - yarn affected:test --ci --base=remotes/origin/master --parallel --maxParallel=4
  - junit-merge -d junit -o junit/combined-junit.xml
artifacts:
  when: always
  expire_in: 5 days
  reports:
    junit:
      - junit/combined-junit.xml

同时更新package.json中的jest-junit配置，确保生成唯一文件名避免覆盖：

// package.json
"jest-junit": {
  "outputDirectory": "junit",
  "uniqueOutputName": true,
  "suiteNameTemplate": "{filepath}",
  "classNameTemplate": "{classname}",
  "titleTemplate": "{title}"
}

验证方法 #

1. 手动执行测试命令，确认junit/目录下生成了正确的xml报告文件。
2. 触发CI作业，检查artifacts中是否包含测试报告。
3. 查看合并请求页面，此时应能看到具体的测试失败详情，而非仅红色图标。

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