我有Browserify,6to5ify和Karma玩得很好,成功运行我的规格。然而,当我添加代码覆盖时,事情就会发生变化。我尝试了几种方法:
browserify-istanbul
转换添加到我的karma.conf.js。但是,这会导致它尝试在我的spec文件上运行检测,它也会出现。 coverage
预处理器。但是因为istanbul(偶douglasduteil/karma-coverage#next
)没有读取我的6to5ify
browserify转换,所以它会在它尝试解析的第一个文件(因为import
语句)上立即崩溃,或者当我使用karma-coverage#next时,它并不尊重我的package.json中的browser
映射(移动项目,将Backbone映射到Exoskeleton)。 现在我的karma.conf.js
看起来像这样:
module.exports = function(karma){
karma.set({
frameworks: ["browserify", "mocha", "chai-sinon"],
browserify: {
debug: true,
extensions: [".js", ".hbs"],
transform: ["6to5ify", "hbsfy"]
},
reporters: ["dots", "osx", "junit", "coverage"],
coverageReporter: {
type: "text"
},
junitReporter: {
outputFile: "spec/reports/test-results.xml"
},
preprocessors: {
"src/javascript/**/*": ["coverage"],
"spec/**/*": ["browserify"]
},
browsers: ["PhantomJS"],
files: ["spec/unit/**/*Spec.js"],
logLevel: "LOG_DEBUG",
autoWatch: true
});
};
我有点失去了如何让这一切都在一起工作。我尝试关注these instructions,但这不起作用,因为它没有关注browser
中的package.json
节点。任何帮助将不胜感激。
答案 0 :(得分:13)
所以,显然我需要browserify-istanbul
,我需要一个browserify configure
钩子,如下所示:
var to5ify = require('6to5ify');
var hbsfy = require('hbsfy');
var cover = require('browserify-istanbul');
var coverOptions = {
ignore: ['**/*Spec.js', '**/lib/*.js', '**/fixtures/*.hbs'],
defaultIgnore: true
}
module.exports = function(karma){
karma.set({
frameworks: ["browserify", "mocha", "chai-sinon"],
browserify: {
debug: false,
extensions: [".js", ".hbs"],
configure: function(bundle){
bundle.on('prebundle', function(){
bundle
.transform(to5ify)
.transform(hbsfy)
.transform(cover(coverOptions));
});
}
},
reporters: ["dots", "osx", "junit", "coverage"],
coverageReporter: {
type: "text"
},
junitReporter: {
outputFile: "spec/reports/test-results.xml"
},
preprocessors: {
"spec/**/*": ["browserify"]
},
browsers: ["PhantomJS"],
files: ["spec/unit/**/*Spec.js"],
logLevel: "LOG_DEBUG",
autoWatch: true
});
};