Karma Live HTML Reporter

Reporter that displays your test results in a live-updated html page.

Installation

npm install karma-html-live-reporter --save-dev

Add live-html to your list of reporters in karma.conf.js

Configuration

// karma.conf.js
module.exports = function(config) {
  config.set({
    reporters: ['progress', 'live-html'],

    // the default configuration
    htmlLiveReporter: {
      colorScheme: 'jasmine', // light 'jasmine' or dark 'earthborn' scheme
      defaultTab: 'summary', // 'summary' or 'failures': a tab to start with

      // only show one suite and fail log at a time, with keyboard navigation
      focusMode: true,
    },
  });
};

You can pass list of reporters as a CLI argument too:

karma start --reporters html,dots

Keyboard Controls

• 1-9 - select a browser.

• F - toggle between Summary and Failures.

• [ - turn focus mode on.

• ] - turn focus mode off.

• / or ? - show/hide help.

• WASD or HJKL - navigation in focus mode

For more information on Karma see the homepage.