@chiragrupani/karma-chromium-edge-launcher

Karma-Chromium-Edge-Launcher

Launcher for Chromium Edge Canary, Dev, Beta and Stable channels for Windows OS, Mac OS and Linux OS

Available in NPM Registry

Installation

Install the package as dev-dependency

npm i -D @chiragrupani/karma-chromium-edge-launcher

Configuration

Update Karma.conf.js replace or append to array of browsers and add require plugin as below:

// karma.conf.js
module.exports = function (config) {
  config.set({
-     browsers: ['Chrome'],
+     browsers: ['Edge'],
    plugins: [
-      require('karma-chrome-launcher'),
+      require('@chiragrupani/karma-chromium-edge-launcher'),
    ],
  });
};

Following browser channels are supported, add corresponding string in browsers:

• "Edge"
• "EdgeDev"
• "EdgeBeta"
• "EdgeCanary"
• "EdgeAny"

If you want to launch browser in headless mode, below is correspondling list:

• "EdgeHeadless"
• "EdgeDevHeadless"
• "EdgeBetaHeadless"
• "EdgeCanaryHeadless"
• "EdgeAnyHeadless"

EdgeAny and EdgeAnyHeadless launches the first available channel from Canary, Dev, Beta and Stable in the order.

If you want to explicity specify the path for browser installation, set environment variable from this list, corresponding to release channel:

EDGE_BIN, EDGE_BETA_BIN, EDGE_DEV_BIN, EDGE_CANARY_BIN, EDGE_ANY_BIN

Example:

# Add at top of karma.conf.js
process.env.EDGE_DEV_BIN =
  "C:\\Program Files (x86)\\Microsoft\\Edge Dev\\Application\\msedge.exe";

That's all is required to use Karma with Chromium Edge browser.

The browser can also be specified with npm test commmand like below:

 "coverage": "ng t --no-watch --code-coverage --reporters=junit,coverage-istanbul --browsers=EdgeHeadless --progress=false"

Running from Linux Docker

For running in docker, you may get error like below:

"Edge Headless stderr: [0116/032919.925976:ERROR:zygote_host_impl_linux.cc(90)] Running as root without --no-sandbox is not supported. See https://crbug.com/638180."

Then you need to run it as non-root user or disable sandbox. Please read sandbox design before disabling it.

This can be done using custom launcher in karma.conf.js using Edge launcher as base and adding extra flags as desired.

For example, for angular app, add below in karma.conf.js:

  customLaunchers: {
    EdgeHeadlessCI: {
      base: "EdgeAnyHeadless",
      flags: ["--no-sandbox"],
    },
  },

and in package.json use it like: "test:edge": "ng test --no-watch --browsers=EdgeHeadlessCI"

Build from Source

In case if you want to build package from github source

# Clone/download the package

# Run in clonned directory to install dependencies
npm install

# Run in clonned directory
npm run package  # Generates package in tgz format

# Run in angular project
# Provide path to tgz file generated in earlier step
npm install -g <path/to/tgz>

The project is based on karma-chrome-launcher as most of flags/configs for Chromium Edge are similar to Chrome browser

---

For more information on Karma see the homepage.