karma.conf.js

const webpack = require('webpack');

const ENV_PRODUCTION = process.env.WEBPACK_ENV === 'production';

module.exports = config => {
  config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['jasmine', 'source-map-support'],


    // list of files / patterns to load in the browser
    files: [
      './karma.entry.ts'
    ],


    // list of files to exclude
    exclude: [
    ],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
      './karma.entry.ts': ['webpack']
    },

    coverageReporter: {
      dir: 'coverage',
      reporters: [{
        type: 'json',
        subdir: '.',
        file: 'coverage.json'
      }]
    },

    webpack: {
      devtool: 'inline-source-map',
      resolve: {
        extensions: ['.ts', '.js', '.json']
      },
      module: {
        rules: [
          // { enforce: 'pre', test: /\.ts$/, exclude: ['node_modules', /\.spec.ts$/], loader: 'istanbul-instrumenter-loader' },
          { test: /\.ts$/, exclude: /node_modules/, loader: 'ts-loader' },
          { test: /\.html/, loader: 'raw-loader' },
          { test: /\.styl$/, loader: 'css-loader!stylus-loader' },
          { test: /\.css$/, loader: 'css-loader' },
          { test: /\.(gif|png|jpe?g)$/i, loader: 'file-loader' }
        ]
      },
      stats: { colors: true, reasons: true },
      plugins: [
        // Fixes Angular 2 error
        new webpack.ContextReplacementPlugin(
          /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
          __dirname
        )
      ]
    },

    webpackMiddleware: {
      noInfo: true //please don't spam the console when running in karma!
    },

    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['mocha'],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: ENV_PRODUCTION ? false : true,

    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['Chrome'],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: ENV_PRODUCTION ? true : false,

    // fix for Chrome 55
    mime: {
      'text/x-typescript': ['ts','tsx']
    },

  });
};