karma-browserify覆盖率报告包含文件包含路径而不是源代码

Question

使用karma-browserify与Jasmine进行单元测试。测试正确运行，但覆盖率报告显示文件包含路径而不是源代码。您可以通过安装下列项目重现此并运行“一饮而尽单位”：

https://github.com/bshack/shackstack

这里是覆盖报告内容的例子：

typeof require === "function" && require("/xxx/xxx/xxx/shackstack/app/media/script/service/utilities.js"); 

这里是我的karma.config：

module.exports = function(karma) { 
    'use strict'; 
    karma.set({ 
     basePath: '', 
     frameworks: [ 
      'jasmine', 
      'browserify' 
     ], 
     files: [{ 
      pattern: 'app/media/script/service/*.js', 
      included: true 
     }, 
     { 
      pattern: 'app/media/test/spec/*Spec.js', 
      included: true 

     }], 
     reporters: [ 
      'progress', 
      'coverage' 
     ], 
     preprocessors: { 
      'app/media/script/service/*.js': [ 
       'browserify', 
       'coverage' 
      ], 
      'app/media/test/spec/*Spec.js': [ 
       'browserify' 
      ] 
     }, 
     browsers: [ 
      //'Chrome', 
      //'Firefox', 
      //'Safari', 
      'PhantomJS' 
     ], 
     singleRun: false, 
     autoWatch: false, 
     // browserify configuration 
     browserify: { 
      debug: true, 
      transform: [ 
       'brfs', 
       'browserify-shim' 
      ] 
     }, 
     coverageReporter: { 
      type: 'html', 
      dir: 'app/report/istanbul/', 
      subdir: '.' 
     }, 
     // If browser does not capture in given timeout [ms], kill it 
     captureTimeout: 60000 
    }); 
}; 

有什么想法？

Answer 1

修正后，基本上不会像通常那样使用业力报道，而必须使用istanbul作为browserify转换。

var istanbul = require('browserify-istanbul'); 
module.exports = function(karma) { 
    'use strict'; 
    karma.set({ 
     basePath: '', 
     frameworks: [ 
      'jasmine', 
      'browserify' 
     ], 
     files: [{ 
      pattern: 'app/media/script/service/*.js' 
     }, 
     { 
      pattern: 'app/media/test/spec/*Spec.js' 
     }], 
     reporters: [ 
      'progress', 
      'coverage' 
     ], 
     preprocessors: { 
      'app/media/script/service/*.js': [ 
       'browserify' 
      ], 
      'app/media/test/spec/*Spec.js': [ 
       'browserify' 
      ] 
     }, 
     browsers: [ 
      //'Chrome', 
      //'Firefox', 
      //'Safari', 
      'PhantomJS' 
     ], 
     singleRun: false, 
     autoWatch: false, 
     browserify: { 
      debug: true, 
      transform: [ 
       'brfs', 
       'browserify-shim', 
       istanbul({ 
        ignore: ['**/node_modules/**'] 
       }) 
      ] 
     }, 
     coverageReporter: { 
      type: 'html', 
      dir: 'app/report/istanbul/', 
      subdir: '.' 
     }, 
     // If browser does not capture in given timeout [ms], kill it 
     captureTimeout: 60000 
    }); 
};