Karma coverage does not show any data when using webpack + ES6

[gotofritz]

Hi

My config

module.exports = function(config) {
  config.set({
    browsers: ["ChromeCanary"],
    coverageReporter: {
      type: "html",
      dir : "./docs/js-coverage"
    },
    files: [{
        pattern: "test.bundle.js",
        watched: false
      }],
    frameworks: ["jasmine"],
    preprocessors: {
        "src/main/webapp/**/*.js": "coverage",
        "test.bundle.js": ["webpack"]
    },
    reporters: ["coverage", "dots"],
    singleRun: false,
    webpack: {
        module: {
            loaders: [{
                  test: /\.js/,
                  exclude: /node_modules/,
                  loader: "babel-loader?cacheDirectory&optional[]=runtime"
                }]
        },
        watch: true
    },
    webpackServer: {
        noInfo: true
    }
  });
};

test.bundle.js

var context = require.context("./src/main/webapp", true, /.+\.test\.js$/);
context.keys().forEach(context);

Tests run fine, HTML report is generated, but it contains no files in the list.

Thanks.

[naomiaro]

+1

[marcelpanse]

I have the same problem. I thought I did something wrong, but whatever I try, it just comes up with zero files in the generated HTML. Is this a bug?

Edit: I fixed this by adding isparta preloaders to the webpack.module:

preLoaders: [
  { test: /\.js|jsx$/, exclude: /(src|node_modules)/, loaders: ['babel'] },
  { test: /\.js|jsx$/, include: /(src)/, loaders: ['isparta'] }
],

[nlitwin]

+1

[mrblackus]

+1

[egoroof]

+1

[jingzhou123]

+1

[djdawson3]

+1

[kaskazurek]

+1

[coot]

+1

[AlexandrAnash]

+1

[Clebiez]

+1

[teone]

+1

[Clebiez]

Hi, I found an alternative. Use Isparta loader in your karma conf file.

preLoaders: [
   {
        test: /^((?!spec).)*\.js$/,
        include: path.resolve('src/'),
        loader: 'isparta'
   }
],

Don't forget to require karma-coverage and add it in preprocessors.

I hope it will help you.

[raDiesle]

should work with angular-cli +1

[doomleika]

Same issue here +1

[fbvilela]

+1

[johnjbarton]

To get this to work you need the sourcemaps from the es6 transpile to be read by the webpack sourcemap constructor and applied so that the sourcemap seen by the istanbul remapper refer back to the original sources. IMO that's a lot of work, better to just run the tests on the unbundled code for the purpose of coverage.

[songguangyu]

coverage sourcemap not work. only index.js.

no filelists, can you help me?

[florin05]

Was not able to get coverage information with webpack (2) and karma-coverage. Had to use both "istanbul-instrumenter-loader" as a webpack file loader for test run and "karma-coverage-istanbul-reporter" as coverage reporter and after couple of days of struggles it worked.