如何解决Angular Jenkins测试中Chrome Headless 60000ms未捕获超时问题

你的问题根因可从日志直接确认：Karma默认的浏览器捕获超时时间为60000ms（1分钟），但你的项目打包耗时3分钟，打包完成前Headless Chrome无法加载到测试页面，自然无法完成捕获流程，触发强制终止逻辑。

方案1：调整Karma超时配置（快速修复） #

直接在karma.conf.js中拉长超时阈值，匹配你的打包耗时：

module.exports = function(config) {
  config.set({
    // 保留原有其他配置不变，新增/修改以下超时参数
    captureTimeout: 360000, // 浏览器捕获超时设为6分钟，预留足够打包时间
    browserNoActivityTimeout: 360000, // 浏览器无操作超时同步拉长
    browserDisconnectTimeout: 10000
  })
}

方案2：拆分测试构建与执行流程（先打包再启动Karma） #

符合你要求的流程，将测试bundle构建和Karma执行拆成两步，避免Karma提前启动浏览器：

1. 修改package.json新增拆分后的测试命令：

{
  "scripts": {
    // 仅构建测试bundle，不启动Karma
    "test:build": "ng test --watch=false --no-progress --only-build",
    // 直接使用已构建的bundle执行测试，跳过构建流程
    "test:run": "ng test --watch=false --no-progress --no-build --single-run --browsers=ChromiumHeadless"
  }
}

2. Jenkins任务中调整执行顺序，先执行npm run test:build完成打包，再执行npm run test:run启动测试即可。

方案3：Karma直接加载预构建静态bundle #

如果需要完全脱离Angular CLI的构建联动，可以手动配置Karma的静态资源路径：

1. 先单独执行ng build --configuration test完成测试包的构建，输出到指定目录（比如dist/test）
2. 修改karma.conf.js的files配置，直接指向构建好的测试产物：

files: [
  'dist/test/runtime.js',
  'dist/test/polyfills.js',
  'dist/test/vendor.js',
  'dist/test/main.js',
  // 其他测试依赖静态资源
]

3. 后续执行karma start时会直接加载本地静态文件，完全跳过构建环节。

额外注意事项 #

Jenkins容器环境中运行Headless Chrome需要额外添加启动参数，避免权限、资源不足导致的捕获失败：

module.exports = function(config) {
  config.set({
    browsers: ['ChromiumHeadlessCustom'],
    customLaunchers: {
      ChromiumHeadlessCustom: {
        base: 'ChromiumHeadless',
        flags: [
          '--no-sandbox',
          '--disable-gpu',
          '--disable-dev-shm-usage',
          '--disable-software-rasterizer'
        ]
      }
    }
  })
}

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