Angular CLI ChromeHeadless karma仍然打开浏览器

Question

I want to use ChromeHeadless with karma. My config is:

process.env.CHROME_BIN = require('puppeteer').executablePath();

module.exports = function( config ) {
  config.set({
    basePath                : '',
    frameworks              : ['jasmine', '@angular/cli'],
    plugins                 : [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('@angular/cli/plugins/karma')
    ],
    angularCli              : {
      environment: 'dev'
    },
    reporters               : ['progress'],
    autoWatch               : false,
    browsers: [
      'ChromeHeadless',
    ],
    singleRun               : true
  });
};

When I run ng test I still need to open the browser. Here is what I'm getting from karma console:

Karma v2.0.0 server started at http://0.0.0.0:9876/

Answer 1

Try to add this property to your karma.conf.js . Reference

customLaunchers: {
  ChromeHeadless: {
    base: 'Chrome',
    flags: [
      '--no-sandbox',
      '--headless',
      '--disable-gpu',
      '--remote-debugging-port=9222'
    ]
  }
}

Answer 2

如果您想将Puppeteer与Karma一起使用，则应该能够从plugins数组中删除karma-chrome-launcher ，因为Puppeteer应该自己处理所有事情，可能是插件导致了意外的行为！