Coverage is Always Zero

I have been trying to add coverage reporting for unit testing of a fresh Angular project for weeks with no success…

Would be great if someone could help me. 🙏

My karma.conf.js:

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-coverage'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client: {
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, './coverage/TddBdd2020'),
      reports: ['html', 'lcovonly', 'text-summary'],
      fixWebpackSourcePaths: true
    },
    // list of files / patterns to load in the browser
    files: [
      '**/src/**/*.js',
      // 'test/spec/**/*.ts'
    ],
    exclude: ['**/node_modules'],
    preprocessors: {'**src/**/*.ts': ['coverage']},
    reporters: ['coverage-istanbul'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    restartOnFileChange: true,
    verbose: true
  });
};

output:

[JimLynchCodes]

For anyone else having this problem, I finally figured it out after finding this blog post.

In the end, I was able to use the default karma config file from a fresh ng new scaffold with no changes to the karma file at all.

Just install the dependencies:

npm install karma karma-jasmine karma-chrome-launcher karma-jasmine-html-reporter karma-coverage-istanbul-reporter

And then add the --code-coverage flag when running the tests:

ng test --code-coverage

And now finally, it sees my files. 🎉

[johnjbarton]

No, I am saying that you need to add something like karma-coverage to your config.