使用咕噜指定依赖关系

Specifying dependencies with gulp-jasmine

本文关键字：依赖 关系      更新时间：2023-09-26

我有以下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 任务default时抛出有关它未定义的错误。假设angular是在全局范围内的文件 spec/lib.js 中定义的。

在test.js内运行describe()之前，如何告诉jasmine()需要先加载到全局范围内的依赖项？换句话说，如何告诉jasmine()在运行测试之前先加载spec/lib.js？

你试过 KARMA 吗？

卡尔马链接

如果你使用业力、茉莉花和 gulp，我就是这样做的，你可以像这样配置你的测试

在gulpfile中.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);
});

您需要为角度模板导入 ng-html2js

npm install ng-html2js

在 karma.config 中.js（你必须创建）

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

注意：如果您无法立即使其正常工作，请告诉我，我们将对其进行TS。也许我错过了什么。我的测试文件名为 something_test.js，而不是something_spec.js。我更改了代码以创建_spec.js。此外，您必须确保已包含运行Angular所需的所有文件。我在我的karma.config.js中提供了一些例子。我也运行Angular。

预处理器（ng-html2js）编译指令的角度模板。您必须将其安装在 package.json 中。

相关文章：