使Karma,browserify,babel显示有效的覆盖范围

时间:2019-06-06 16:00:02

标签: karma-jasmine karma-runner browserify babel istanbul

这是我的问题,我想对某些ES6 +代码进行一些单元测试,因为我选择使用karma,并使用browserify和babel来构建和转换我的文件,但是我在html中的介绍相当混乱。

这是我的karma.conf.j文件:

var istanbul = require('browserify-istanbul');
module.exports = function (config) {
  config.set({
    basePath: '.',
    frameworks: ['browserify', 'jasmine'],
    files: [
      'assets/js/main.js',
      'tests/**/*.js',
    ],
    reporters: ['clear-screen', 'mocha', 'coverage-istanbul'],

    preprocessors: {
      'assets/js/main.js' : ['browserify', 'coverage'],
      'tests/**/*.js': ['browserify']
    },

    coverageIstanbulReporter: {
      reports: ['html'],
      dir: 'coverage/',
      'report-config': {
        html: {
          subdir: '.'
        }
      }
    },
    browserify: {
      debug: true,
      transform: [
        ['babelify', { presets: ['@babel/preset-env'], sourceMaps: "inline"}],
        istanbul()
      ]
    },

    // web server port
    port: 9876,

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

    logLevel: config.LOG_DEBUG,

    autoWatch: true,

    browsers: ['ChromeHeadless'],

    singleRun: false,
  });
};

我已经尝试了很多东西和模块,但是,我能做到的最好的是enter image description here 如您所见,此代码覆盖范围完全无法使用,我在某个时候不知道该怎么做才能使它工作

0 个答案:

没有答案