Karma coverage istanbul does not create folder

Question

I am trying to integrate a code coverage reporter to my karma tests.

I set up the following changes in my config:

coverageIstanbulReporter: {
  reports: ['html', 'lcovonly', 'text-summary'],

  // base output directory. If you include %browser% in the path it will be replaced with the karma browser name
  dir: path.join(__dirname, 'coverage'),

  // if using webpack and pre-loaders, work around webpack breaking the source path
  fixWebpackSourcePaths: true,
},

reporters: config.coverage ? ['kjhtml', 'dots', 'coverage-istanbul'] : ['kjhtml', 'dots'],

But unfortnetly, it does not create a coverage folder.

Here is my full karma.config.js

What am I doing wrong here? Note, that I am calling karma start ./karma.conf.js --coverage and even checked without the config coverage parameter.

Answer 1

Given you have text-summary outputs on Chrome console and you already have the base directory for the reporter specified, you just need to explicitly tell the reporter which sub directory should be used for different report type:

Try to add this entry under coverageIstanbulReporter (from repo's README):

   // Most reporters accept additional config options. You can pass these through the `report-config` option
  'report-config': {

    // all options available at: https://github.com/istanbuljs/istanbul-reports/blob/590e6b0089f67b723a1fdf57bc7ccc080ff189d7/lib/html/index.js#L135-L137
    html: {
      // outputs the report in ./coverage/html
      subdir: 'html'
    }

  }