update karma and coverage for webpack 2

Author: borysn

frontend/config/karma.conf.js

@@ -1,106 +1,56 @@
 /* karma.conf.js */
-/**
- * @author: @AngularClass
- */
-var path = require('path');
+const path = require('path');
+const testWebpackConfig = require('./webpack.test.js');
 
 module.exports = function(config) {
-  var testWebpackConfig = require('./webpack.test.js');
-
   var configuration = {
-
-    // base path that will be used to resolve all patterns (e.g. files, exclude)
     basePath: '',
-
-    /*
-     * Frameworks to use
-     *
-     * available frameworks: https://npmjs.org/browse/keyword/karma-adapter
-     */
     frameworks: ['jasmine'],
-
-    // list of files to exclude
     exclude: [ ],
+    client: { captureConsole: false },
+    files: [{pattern: './spec-bundle.js', watched: false}],
+    preprocessors: { 
+      './spec-bundle.js': ['coverage', 'webpack', 'sourcemap'] 
+    },
 
-    /*
-     * list of files / patterns to load in the browser
-     *
-     * we are building the test environment in ./spec-bundle.js
-     */
-    files: [ { pattern: './spec-bundle.js', watched: false } ],
-
-    /*
-     * preprocess matching files before serving them to the browser
-     * available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
-     */
-    preprocessors: { './spec-bundle.js': ['coverage', 'webpack', 'sourcemap'] },
-
-    // Webpack Config at ./webpack.test.js
     webpack: testWebpackConfig,
 
     coverageReporter: {
-      dir : '../coverage/',
-      reporters: [
-        { type: 'text-summary' },
-        { type: 'json' },
-        { type: 'html' }
-      ]
+      type: 'in-memory'
     },
 
-    // Webpack please don't spam the console when running in karma!
-    webpackServer: { noInfo: true },
+    remapCoverageReporter: {
+      'text-summary': null,
+      json: './coverage/coverage.json',
+      html: './coverage/html'
+    },
 
-    /*
-     * test results reporter to use
-     *
-     * possible values: 'dots', 'progress'
-     * available reporters: https://npmjs.org/browse/keyword/karma-reporter
-     */
-    reporters: [ 'mocha', 'coverage' ],
+    webpackServer: { noInfo: true },
 
-    // web server port
-    port: 9876,
+    reporters: ['mocha', 'coverage', 'remap-coverage'],
 
-    // 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,
-
-    // do not fail on empty test suite
-    //failOnEmptyTestSuite: false,
+    logLevel: config.LOG_WARN,
 
-    // enable / disable watching file and executing tests whenever any file changes
     autoWatch: false,
 
-    /*
-     * start these browsers
-     * available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-     */
     browsers: [
-      'Chromium'
+      'Chrome'
     ],
 
     customLaunchers: {
       Chrome_travis_ci: {
-        base: 'Chromium',
-        chromeDataDir: path.resolve(__dirname, '.chrome'),
+        base: 'Chrome',
         flags: ['--no-sandbox']
       }
     },
 
-    /*
-     * Continuous Integration mode
-     * if true, Karma captures browsers, runs the tests and exits
-     */
     singleRun: true
   };
 
   if(process.env.TRAVIS){
-    configuration.browsers = ['Chrome_travis_ci'];
+    configuration.browsers = ['ChromeTravisCi'];
   }
 
   config.set(configuration);

frontend/config/webpack.test.js

@@ -32,19 +32,31 @@ module.exports = {
       },
       {
         test: /\.ts$/,
-        loader: 'awesome-typescript-loader',
-        query: {
-          compilerOptions: {
-            removeComments: true
-          }
-        },
+        use: [
+          {
+            loader: 'awesome-typescript-loader',
+            query: {
+              sourceMap: false,
+              inlineSourceMap: true,
+              compilerOptions: {
+                removeComments: true
+              }
+            },
+          },
+          'angular2-template-loader'
+        ],
         exclude: [/\.e2e\.ts$/]
       },
       { 
         test: /\.json$/, 
         loader: 'json-loader', 
         exclude: [helpers.root('src/index.html')] 
       },
+      {
+        test: /\.scss$/,
+        use: ['raw-loader', 'sass-loader'],
+        exclude: [helpers.root('node_modules')]
+      },
       { 
         test: /\.css$/, loaders: ['to-string-loader', 'css-loader'], 
         exclude: [helpers.root('src/index.html')] 
@@ -55,7 +67,8 @@ module.exports = {
         exclude: [helpers.root('src/index.html')]
       },
       {
-        test: /\.(js|ts)$/, loader: 'istanbul-instrumenter-loader',
+        test: /\.(js|ts)$/, 
+        loader: 'istanbul-instrumenter-loader',
         include: helpers.root('src'),
         enforce: 'post',
         exclude: [
@@ -79,6 +92,7 @@ module.exports = {
 
     new webpack.LoaderOptionsPlugin({
       options: {
+        debug: false,
         tslint: {
           emitErrors: false,
           failOnHint: false,

frontend/package.json

@@ -86,6 +86,7 @@
     "karma-coverage": "^1.1.1",
     "karma-jasmine": "^1.1.0",
     "karma-mocha-reporter": "^2.2.2",
+    "karma-remap-coverage": "^0.1.4",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^2.0.2",
     "node-sass": "^4.5.0",