无法使用 Karma 运行 Coverage

Question

我正在尝试使用 karma 运行覆盖，我收到警告：WARN [preprocess]: Can not load "coverage"，它没有注册！

我以为我在运行“npm install -g karma-coverage --save-dev”时安装了覆盖范围

这是我的配置文件：

module.exports = function(config) {
      config.set({
        // base path, that will be used to resolve files and exclude
        basePath: '',

        frameworks: ['jasmine'],

        // list of files / patterns to load in the browser
        files: [
                bunch of files..
        ],

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

        // use dots reporter, as travis terminal does not support escaping sequences
        // possible values: 'dots', 'progress'
        // CLI --reporters progress
        reporters: ['progress', 'coverage'],

        junitReporter: {
          // will be resolved to basePath (in the same way as files/exclude patterns)
          outputFile: 'test-results.xml'
        },

        // web server port
        // CLI --port 9876
        port: 9876,

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

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

        // enable / disable watching file and executing tests whenever any file changes
        // CLI --auto-watch --no-auto-watch
        autoWatch: true,

        // Start these browsers, currently available:
        // - Chrome
        // - ChromeCanary
        // - Firefox
        // - Opera
        // - Safari (only Mac)
        // - PhantomJS
        // - IE (only Windows)
        // CLI --browsers Chrome,Firefox,Safari
        browsers: ['ChromeCanary'],

        // If browser does not capture in given timeout [ms], kill it
        // CLI --capture-timeout 5000
        captureTimeout: 20000,

        // Auto run tests on start (when browsers are captured) and exit
        // CLI --single-run --no-single-run
        singleRun: true,

        // report which specs are slower than 500ms
        // CLI --report-slower-than 500
        reportSlowerThan: 500,

        // compile coffee scripts
        preprocessors: {
            'someFileName': ['coverage'],
        },

        plugins: [
          'karma-jasmine',
          'karma-chrome-launcher',
          'karma-firefox-launcher',
        ],

    coverageReporter: {
        'type' : 'cobertura',
        'dir': 'coverage/'
    }

  });
};

Answer 1

我得到了相同的 [WARN]，因为插件 'karma-coverage' 未在配置的插件中定义，尝试添加它是否可以解决您的警告，不确定它是否会解决您的全部问题。

plugins: [
  'karma-jasmine',
  'karma-coverage',
  'karma-chrome-launcher',
  'karma-firefox-launcher',
],

更新：
我在运行覆盖时也遇到了另一个问题，由伊斯坦布尔引起，我的错误是

[coverage]: [TypeError: Cannot set property 'covered' of undefined]

在查看了 istanbul 的操作后，发现我的一些 js 单元文件的路径在 预处理器 中已过时。

它正在执行一些覆盖率报告，但它没有为所有文件生成深度覆盖率报告，因此出现错误。一旦我修复了路径，一切都很好。

    preprocessors : {
        '**/app/js/*/*.js' : 'coverage',
        '**/app/js/modules/*/*.js' : 'coverage',
        '**/app/js/services/*/*.js' : 'coverage'
    }, 

Answer 2

对于它的价值，这对我来说很好。安装：

npm install -g karma
npm install -g karma-coverage

在karma.config.js中配置：

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine'],
    files: ['app.js','tests.js'],
    preprocessors: { 'app.js': 'coverage' },
    reporters: ['dots', 'coverage'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    captureTimeout: 60000,
    singleRun: false
  });
};

使用karma start karma.config.js 运行。

Answer 3

对于那些使用 grunt test 运行 karma 测试，并遇到覆盖插件未加载问题的人。请将plugins 设置添加到您的 Gruntfiles.js karama 任务中，即

// Test settings
karma: {
  unit: {
    configFile: 'test/karma.conf.js',
    singleRun: true,
    plugins:[
      'karma-jasmine',
      'karma-coverage',
      'karma-phantomjs-launcher'
    ],
  }
}

Answer 4

我遇到了同样的问题，直到我将 karma.conf.js 移动到与 package.json 相同的目录中，然后它才起作用。

Answer 5

没有全局安装的解决方案

安装karma-coverage:

npm install --saved-dev karma-coverage

然后编辑karma.conf.js并将require('karma-coverage')添加到plugins的数组中。

module.exports = function (config) {
  config.set({
    // ...
    plugins: [
      require('karma-coverage'), // ADD THIS
      // ...
    ],
  });
}

Answer 6

this answer 中描述了这个问题。

当使用全局安装的 karma 时，它不会加载本地安装的插件。使用node_modules/.bin/karma 启动测试应该可以解决这个问题。

在全局“命名空间”中安装覆盖模块也可以，但可能不是您想要的。

Answer 7

我认为正确的解决方案是

不要在全球范围内安装业力

全局安装 karma-cli 并在本地安装 karma

npm i -g karma-cli

那就是问题所在，你应该全局使用 karma-cli，http://karma-runner.github.io/0.12/intro/installation.html 如果您在全局安装 karma，则不会使用本地安装。

参考：github

Answer 8

我在全球范围内安装了 karma-coverage 它对我有用 :-)

npm install -g karma-coverage

Answer 9

如果您在使用 Angular 13 时遇到此问题。请安装 karma-coverage，这是完整的配置：

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage'),
      require('@angular-devkit/build-angular/plugins/karma'),
    ],
    client: {
      clearContext: false, // leave Jasmine Spec Runner output visible in browser
    },
    coverageReporter: {
      dir: require('path').join(__dirname, './coverage/project-name'),
      reporters: [
        {
          type: 'html',
        },
        {
          type: 'lcov',
        },
        {
          type: 'text-summary',
        },
      ],
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome', 'ChromeHeadlessNoSandbox'],
    singleRun: false,
    customLaunchers: {
      ChromeHeadlessNoSandbox: {
        base: 'ChromeHeadless',
        flags: ['--no-sandbox'],
      },
    },
  });
};