我同意@zaabalonso的观点,
Karma 是正确的选择。由于您想要LCOV报告,您还需要
karma-coverage插件,并且假设您想在CI中运行无头浏览器,您可能希望使用
karma-phantomjs-launcher。通过Grunt运行是可选的,因为您可以始终使用karma-cli从命令行直接运行karma(
npm install -g karma-cli
)。
一个基本的设置(带有requireJS),看起来像这样:
package.json{
"private": "true",
"devDependencies": {
"grunt": "^0.4.5",
"grunt-jasmine-node": "^0.3.1",
"grunt-karma": "^0.10.1",
"jasmine-core": "^2.3.4",
"karma": "^0.12.32",
"karma-coverage": "^0.3.1",
"karma-jasmine": "^0.3.5",
"karma-phantomjs-launcher": "^0.1.4",
"karma-requirejs": "^0.2.2",
"requirejs": "^2.1.17"
}
}
karma.conf.js(注意 preprocessors
和 coverageReporter
部分)
module.exports = function(config) {
config.set({
basePath: '.',
frameworks: ['jasmine', 'requirejs'],
files: [{
pattern: 'src/**/*.js',
included: false
}, {
pattern: 'spec/**/*.js',
included: false
},
"test-main.js"],
preprocessors: {
'src/**/*.js': ['coverage']
},
reporters: ['progress', 'coverage'],
coverageReporter: {
dir: 'build/reports/coverage',
reporters: [
{ type: 'lcov', subdir: 'report-lcov' },
{ type: 'lcovonly', subdir: '.', file: 'report-lcovonly.txt' }
]
},
browsers: ['PhantomJS']
});
};
test-main.js
var allTestFiles = [];
var TEST_REGEXP = /^\/base\/spec\/\S*(spec|test)\.js$/i;
var pathToModule = function (path) {
return path.replace(/^\/base\//, '').replace(/\.js$/, '');
};
Object.keys(window.__karma__.files).forEach(function (file) {
if (TEST_REGEXP.test(file)) {
allTestFiles.push(pathToModule(file));
}
});
require.config({
baseUrl: '/base/',
enforceDefine: true,
xhtml: false,
waitSeconds: 30,
deps: allTestFiles,
callback: window.__karma__.start
});
Gruntfile.js(如果您想使用Grunt,则为可选项)
module.exports = function(grunt) {
grunt.initConfig({
karma: {
unit: {
configFile: 'karma.conf.js',
options: {
singleRun: true
}
}
}
});
grunt.loadNpmTasks('grunt-karma');
grunt.registerTask('default', ['karma:unit']);
};
你可以通过命令行运行测试命令:karma start
。这将启动karma服务器并运行一次测试。它将保持服务器在线并在您修改源代码或测试源代码时重新运行测试。如果您只想运行一次测试(例如在CI中),则只需运行karma start --single-run
。