Javascript 用gulpjasmine指定依赖项
我有以下Javascript 用gulpjasmine指定依赖项,javascript,unit-testing,jasmine,gulp,gulp-jasmine,Javascript,Unit Testing,Jasmine,Gulp,Gulp Jasmine,我有以下gulpfile.js: var gulp = require('gulp'), jasmine = require('gulp-jasmine'); gulp.task('default', function () { return gulp .src('spec/test.js') .pipe(jasmine()); }); 但是,spec/test.js中的代码使用了一个全局angular变量,并在运行gulp taskdefau
gulpfile.js
:
var gulp = require('gulp'),
jasmine = require('gulp-jasmine');
gulp.task('default', function () {
return gulp
.src('spec/test.js')
.pipe(jasmine());
});
但是,spec/test.js
中的代码使用了一个全局angular
变量,并在运行gulp taskdefault
时抛出一个未定义的错误。假设angular
在文件spec/lib.js
的全局范围内定义
在运行
test.js中的descriple()
s之前,如何告诉jasmine()
它需要首先将哪些依赖项加载到全局范围?换句话说,在运行测试之前,我如何告诉jasmine()
先加载spec/lib.js
如果您使用karma、jasmine和gulp,我就是这么做的,您可以这样配置您的测试
在gulpfile.js中
您需要为角度模板导入ng-html2js
在karma.config.js中(您必须创建)
注意:如果您不能立即让它工作,请告诉我,我们会解决它。也许我错过了什么。我的测试文件名为某物_test.js,而不是某物_spec.js。我更改了代码以创建_spec.js。此外,您必须确保已包含运行所需的所有文件。我在karma.config.js中提供了一些示例。我也跑步
预处理器(ng-html2js)编译指令的角度模板。您必须将其安装在package.json中。是否将其添加到
src
调用中gulp.src(['spec/lib.js','spec/test.js'])
。如果您使用的是bower Dependencies,那么您也可以使用wiredep。我也在打同样的仗,我试图将一个配置对象传递给jasmine管道函数,比如jasmine({config:{files:[“foo.js”,“bar,js”]}})
,但在我的例子中它仍然不起作用
var gulp = require('gulp');
var karma = require('karma').server; // Note the server property here.
gulp.task('karma', function (done) {
karma.start({
configFile: __dirname + '/karma.conf.js'
}, done);
});
npm install ng-html2js
module.exports = function(config) {
config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '',
frameworks: ['jasmine'],
files: setFilesUpForTesting(),
// list of files to exclude during testing. CHANGE THIS TO YOURS!!!
exclude: [
'public/js/boot.js',
'public/js/socket.io.js'
// 'yourRootPath/folder/stuff.js
],
// NOTE THE NG-HTML2JS preprocessor you will need via NPM.
preprocessors: {
// CHANGE TO YOUR PATH for all HTML PARTIALS.
'public/directives/**/partials/*.html': 'ng-html2js',
'public/directives/**/*.js': ['coverage']
},
ngHtml2JsPreprocessor: {
stripPrefix:'public',
moduleName: 'templates'
},
reporters: ['progress', 'coverage'],
coverageReporter: {
type : 'html',
dir : 'coverage/'
},
port: 9876,
colors: true,
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
logLevel: config.LOG_INFO,
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: ['Chrome'],
// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false
});
};
// ------------------------------------------------------------------ >
// Below code is for running either single or all test files.
// To run a single test, just pass in the test file name like so...
// If the test file name was rs-test-me-now_spec.js
// To spool up Karma you would enter
// gulp karma --single-test=rs-test-me-now <note the proceeding double hyphen>
// To just run all tests
// gulp karma
// CHANGE THE FILE PATHS BELOW!!!!!
var fixedPath = [
'public/js/jquery.js',
'public/js/jquery-ui.min.js',
'public/js/foundation.min.js',
'public/js/angular.min.js',
'public/js/angular-mocks.js',
];
var baseTestPath = 'public/test/'; // CHANGE THIS TO YOUR ROOT PATH!!!
function setFilesUpForTesting(){
fixedPath.push( testPath());
return fixedPath;
}
function testPath(){
return singleTestPath() || fullTestPath();
}
function fullTestPath(){
return 'public/test/**/*_spec.js'; // CHANGE THIS TO YOUR SPEC FOLDER!!!
// like rootFolder/somethinghere/spec/**/*_spec.js
// note the underscore that proceeds the spec.js. Get rid of if you file name does not have it.
}
function singleTestPath(){
var passedArgument = process.argv.filter(function(item){ if(/--single-test=/.test(item)){return item; }});
if( isEmpty( passedArgument )){ return false; }
return baseTestPath + '**/*' + fileName( passedArgument ) + '_spec.js';
}
function fileName( argument ){
if( !argument ){ return; }
return argument[0].replace('--single-test=', '');
}
function isEmpty( array ){
return array.length === 0;
}
------------------- END KARMA.CONFIG.js file ----------------------
// To run all tests
gulp karma
// To run one single file test
gulp karma --single-test=rs-test-me-now