将角度控制器添加到karma-coverage(伊斯坦布尔)代码覆盖预处理器

时间:2013-12-11 01:49:33

标签: javascript angularjs code-coverage karma-runner istanbul

这就是我的项目设置方式:

project/
  assets/
    js/
      app.js
      services.js
      directives.js
      controllers/
        FooCtrl.js
        BarCtrl.js
    css/
    images/
  test/
    unit/
      controllers/
        controllerSpec.js

我正在努力将js/下的所有文件添加到karma-coverage的preProcessor指令中。

这样做

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

仅针对assets/js/下的文件生成覆盖率报告,但不针对assets/js/controllers/下的文件生成覆盖率报告。

指定单个控制器:

preprocessors: {
   '**/assets/js/controllers/FooCtrl.js': ['coverage'],
},

只是说'没有要显示的数据'。

最后,只是做一个通配符:

preprocessors: {
   '**/*.js': ['coverage'],
},

直接在assets/js/test/unit/controllers/ test/lib/等下显示所有文件的数据,但仍然拒绝显示assets/js/controllers/的任何覆盖数据。

1 个答案:

答案 0 :(得分:7)

我发誓StackOverflow有一些神奇的东西。我花了一个小时让它上班,放弃,发布了这个问题,2分钟后才发现它。

我错误地将文件从files数组移动到preprocessors指令。要获取某个文件的代码覆盖率,它必须位于files数组和preprocessors两个位置。

我的最终配置如下:

files : [
  //3rd Party Code
  'bower_components/angular/angular.js',
  'bower_components/angular-route/angular-route.js',
  'bower_components/angularjs-scope.safeapply/src/Scope.SafeApply.js',

  //App-specific Code
  'assets/js/app.js',
  'assets/js/services.js',
  'assets/js/directives.js',
  'assets/js/resources.js',
  'assets/js/controllers/*.js',

  //Test-Specific Code
  'node_modules/chai/chai.js',
  'test/lib/chai-should.js',
  'test/lib/chai-expect.js'
],

preprocessors: {
  '**/assets/js/*.js': ['coverage'],
  '**/assets/js/controllers/*.js': ['coverage']
},