Chrome shows no text when started by chromedriver

If I run tests in an angular-cli project via karma with chromedriver 2.40 chrome shows no text at all. The tests are successful, even if I check for HTML text values, but nothing is readable.

Even the dev tools (here opened in the right bar) and any other website I open have no text rendered. When running the end2end Tests with protractor I had the same problem which I could fix by adding the flag --no-sandbox. In Karma that didn’t help.

If I open another Chrome instance manually everything works as expected.

I’m on MacOSX Sierra 10.12.6. Chrome Version is 67.0.3396.99 (Offizieller Build) (64-Bit) My karma config is: `

basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
  require('karma-jasmine'),
  require('karma-chrome-launcher'),
  require('karma-jasmine-html-reporter'),
  require('karma-coverage-istanbul-reporter'),
  require('@angular-devkit/build-angular/plugins/karma')
],
client: {
  clearContext: false // leave Jasmine Spec Runner output visible in browser
},
coverageIstanbulReporter: {
  dir: require('path').join(__dirname, '../coverage'),
  reports: ['html', 'lcovonly'],
  fixWebpackSourcePaths: true
},
reporters: ['progress', 'kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false

`

[edwinm]

I had the same problem and found a fix: add the --disable-gpu flag.

config.set({
...
    browsers: ['ChromeNoGpu'],
...
    },
    customLaunchers: {
      ChromeNoGpu: {
        base: 'Chrome',
        flags: ['--disable-gpu']
      }
    }
  });

[rogeriopvl]

Issue seems to be fixed in recent versions.

Failed to reproduce the problem with a vanilla angular-cli project: