Karma 代码覆盖率 - 总是 100%？答案

【问题标题】：Karma Code Coverage - Always 100%?Karma 代码覆盖率 - 总是 100%？
【发布时间】：2023-03-28 18:59:01
【问题描述】：

早安，

我遇到了一个似乎无法解决的奇怪问题。我写出了我的 Karma 测试并正确执行，但是当我尝试连接 Karma 的代码覆盖率时，无论如何它只会吐出 100%。

我查看了这里提出的其他问题，但似乎都没有解决我的问题。任何帮助将不胜感激。

使用：

"karma": "~0.12.37",
"karma-babel-preprocessor": "^5.2.1",
"karma-browserify": "^4.2.1",
"karma-coverage": "^0.4.2",
"karma-jasmine": "~0.3.5",
"karma-phantomjs-launcher": "^0.2.0",

这是我的 karma.conf.js

module.exports = function (config) {
  config.set({
    basePath: '',

    frameworks: ['browserify', 'jasmine'],

    files: [
        'bower_components/jquery/dist/jquery.js',
        'bower_components/angular/angular.js',
        'bower_components/angular-animate/angular-animate.js',
        'bower_components/angular-cookies/angular-cookies.js',
        'bower_components/angular-mocks/angular-mocks.js',
        'bower_components/angular-resource/angular-resource.js',
        'bower_components/angular-sanitize/angular-sanitize.js',
        'bower_components/angular-touch/angular-touch.js',
        'bower_components/angular-ui-router/release/angular-ui-router.js'
        'src/*.html',
        'src/**/*.html',
        'src/app/index.js',
        'src/app/**/*.js'
    ],

    exclude: [],

    preprocessors: {
        'src/app/index.js': ['browserify', 'coverage'],
        'src/app/**/*.js': ['browserify', 'coverage']
    },

    browserify: {
        debug: true,
        transform: ['babelify', 'stringify']
    },

    reporters: ['progress', 'coverage'],

    port: 9876,

    colors: true,

    autoWatch: true,

    browsers: ['PhantomJS'],

    singleRun: false
  });
};

我的文件结构是：

src
  app
    login
      login.controller.js
      login.controller.spec.js
      login.html
    index.js
karma.conf.js

谢谢！

【问题讨论】：

同时使用 karma-browserify 和 karma-coverage 预处理器导致。查看stackoverflow.com/a/28237582/2943490 以了解同时使用 browserify 和 istanbul（业力覆盖使用的内容）的工作配置。

标签： karma-runner karma-jasmine karma-coverage gulp-karma

【解决方案1】：

您是否尝试过使用browserify-istanbul 转换？

module.exports = function(config) {
    config.set({
         // ...
         browserify: {
             transform: ['browserify-istanbul', ...]
         }
    });
};

您需要“检测”您的代码以收集覆盖率指标。所以你应该告诉browserify 在返回带有require 的模块之前应用检测。

【讨论】：