angular-cli - Use multiple karma.conf.js

Question

I am using angular-cli and I want to use two karma.conf.js files for testing.

1. For CI : For which I am using Headless Chrome

   customLaunchers: {

     ChromeHeadless: {
       base: 'Chrome',
       flags: [
         '--headless',
         '--disable-gpu',
         // Without a remote debugging port, Google Chrome exits immediately.
         '--remote-debugging-port=9222',
       ],
     }
   }
   

2. For Dev : For which I am using Chrome.

Is there any way that I could switch betwwen two karma.conf.js based on an argument value.

Answer 1

You can use option karmaConfig:

ng test --karmaConfig=another-karma.config.json

You may want to check ng test --help=true for other options.

Answer 2

To run a specific config file, you can use

karma start path/to/config_file/from/root

So you could make a file called karma.chromeheadless.js and one called karma.chrome.js and run with

karma start karma.chromeheadless.js
karma start karma.chrome.js

Even better than this, you could add some scripts in your package.json file

"scripts": {
  "chromeheadless": "karma start karma.chromeheadless.js",
  "chrome": "karma start karma.chrome.js",
},

and then run it with

yarn run chromeheadless
yarn run chrome

possibly replacing the word yarn with npm depending on your pacakage manager. The advantage of the second approach is that you don't need to install karma globally. And it could be a bit shorter to type. If you use yarn, I think you can even exclude the word run from the command.

Answer 3

In the Angular CLI v6 the option name got changed: ng test --karma-config <your config here>