karma.conf.js

/* global __dirname, module */

const path = require('path');
const webpackConfig = require('./webpack.test.config.js');
const karmaOverrides = require('./test/unit/karma/karma-overrides');
const rootDir = path.resolve(__dirname);

module.exports = (config) => {
  const options = {
    basePath: './',
    browsers: ['ChromeHeadlessNoSandbox'],
    frameworks: ['karma-overrides', 'jasmine-jquery', 'jasmine'],
    files: [
      { pattern: './test/unit/main.js', watched: false },
      { pattern: './test/unit/assets/*', watched: false, included: false, served: true, nocache: false },
      { pattern: './target/css/*.css', watched: true, included: true, served: true },
      { pattern: './target/**/*', watched: false, included: false, served: true },
    ],
    proxies: {
      '/img/logos/': 'http://localhost:9876/base/test/unit/assets/'
    },
    preprocessors: {
      'test/unit/main.js': ['webpack', 'sourcemap'],
    },
    plugins: [
      'karma-*',
      karmaOverrides,
    ],
    reporters: ['junit', 'mocha'],
    junitReporter: {
      outputDir: `${rootDir}/build2/reports/unit`,
      outputFile: 'okta-sign-in-widget-junit-result.xml',
      useBrowserName: false,
    },
    coverageReporter: {
      reporters: [
        { type: 'text' },
        { type: 'html', dir: `${rootDir}/build2/reports/coverage` }
      ],
    },
    webpack: webpackConfig,
    webpackMiddleware: {
      stats: 'normal',
    },
    client: {
      // Passing specific test to run
      // but this works only with `karma start`, not `karma run`.
      test: config.test,
      jasmine: {
        timeoutInterval: 10000, // increased timeout for Travis
        random: false
      }
    },
    failOnEmptyTestSuite: false,
    customLaunchers: {
      FirefoxHeadless: {
        base: 'Firefox',
        flags: [ '-headless' ],
      },
      ChromeHeadlessNoSandbox: {
        base: 'ChromeHeadless',
        flags: ['--no-sandbox']
      }
    },
    customHeaders: [{
      match: '.*.html',
      name: 'Content-Security-Policy',
      value: 'script-src http: \'unsafe-inline\''
    }]
  };

  // instrument code for coverage report
  if (config.reporters.includes('coverage')) {
    const rules = options.webpack.module.rules;
    const babelRule = rules.find(rule => rule.loader === 'babel-loader');
    babelRule.options.plugins = babelRule.options.plugins.concat(['babel-plugin-istanbul']);
  }

  config.set(options);
};