Add an npm script to perform ng test with chrome headless

[mrmeku]

This is a likely prerequisite for implementing a lot of the CI code we want to bake into NX. As I figure out the correct way to do this for an individual project I will bake this into NX so that everyone else can benefit from my labor. @vsavkin Do you think this is a good feature to integrate into NX?

[chaosmonster]

Replace in your karma.conf.js the following line browsers: ['Chrome'], with

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

This is not part of nx in my opinion, as said file is generated by the angular-cli

[MitkoTschimev]

There are multiple ways to do this and i recommend to use puppeteer to not have a system chrome dependency.

npm install puppeteer

// karma.conf.js
process.env.CHROME_BIN = require('puppeteer').executablePath();

...

browsers: ['ChromeHeadless']

[vsavkin]

I think it is a useful edition, but it has two downsides:

• Nx deviates from the default CLI setup
• Whereas the dev support tends to be somewhat similar for most folks, the CI configuration can differ a lot. So I'm not sure if we can provide one configuration that is good for everyone.

So I'm closing this.

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.