获得咕噜咕噜的业力来进行一次单元测试

时间:2015-01-23 11:04:06

标签: gruntjs karma-runner

我想知道是否有人有咕噜咕噜的业力来运行一个在观看时改变的规格。这是我的配置如下。问题是行grunt.config('karma.unit.options.files',filepath);似乎没有做任何事情,因为所有规格仍然运行但是foo在业力之前得到输出:unit:run被解雇。

grunt.initConfig({
    karma: {
        unit: {
            configFile: 'karma.conf.js',
            background: true,
            singleRun: false,
            options: {
                files: allFilesArray
            }
        }
    },
    watch: {
        options: {
            spawn: false,
            livereload: true
        },
        karma: {
            files: ['js/spec/**/*.spec.js', 'js/src/**/*.js'],
            tasks: ['karma:unit:run']
        }
    }
})

grunt.event.on('watch', function (action, filepath){
    console.log('foo');
    grunt.config('karma.unit.options.files', filepath);
});

有没有人在终端上运行一个规格来改变文件?我们有成千上万的测试,所以它开始变慢。

谢谢, 亚历

4 个答案:

答案 0 :(得分:7)

我让这个工作。基本上,您使用带有事件处理程序的watch来在文件更改时动态更改karma配置。这是纲要:

我的Grunt配置有两个业力任务:“全部”和“一个”。 “all”运行所有这些,“one”只运行一个事先不知道的文件。

grunt.initConfig({
  // ...
  karma: {
    all: {
      configFile: 'karma.conf.js',
      browsers: ['PhantomJS'],
      singleRun: true,
      options: {
        files: [
          'bower_components/jquery/dist/jquery.js', // dependencies
          'src/js/**/*.js', // js source files
          'src/js/**/*.spec.js' // unit test files
        ]
      }
    },
    one: {
      configFile: 'karma.conf.js',
      browsers: ['PhantomJS'],
      singleRun: true,
      files: [
        {src: 'bower_components/jquery/dist/jquery.js'}, // dependencies
        {src: ['src/js/**/*.js','!src/js/**/*.spec.js']} // source files
        // (exclude the unit test files)
        // watchEventListener will add the unit test file to run
      ]
    }
  },
  // ...
});

然后在我的gruntfile中,我为监视事件添加了一个监听器。这个监听器更新了业力:一个任务并添加了单元测试文件。我们保留原始文件数组的副本,否则我们的添加内容会在监视任务的生命周期内持续存在并累积。

// when a unit test changes, execute only it
var original_karmaOne_files = grunt.config.get('karma.one.files'); // keep the original files array
grunt.event.on('watch', function watchEventListener(action, filepath, target){

  // this handler handles ALL watch changes. Try to filter out ones from other watch tasks
  if (target == 'js_spec') handleJSHintSpec();

  // ---------------------
  function handleJSHintSpec() {
    if (action == 'deleted') return; // we don't need to run any tests when a file is deleted
    // this will probably fail if a watch task is triggered with multiple files at once
    // dynamically change the config
    grunt.config.set('karma.one.files', [].concat(original_karmaOne_files, [{src: filepath}]));
  }
});

这是我的gruntfile的监视任务:

watch: {
  // ...
  // when js spec files change,
  // lint them
  // run unit tests
  js_spec: {
    options: {
      interrupt: true
    },
    files: 'src/js/**/*.spec.js',
    tasks: ['jshint:js_spec', 'karma:one']
  },
  // ...
}

我的karma.conf.js文件非常默认,但其文件数组为空。实际上,我对它进行了评论,因此属性未定义。

// list of files / patterns to load in the browser
//files: [], // specified in the gruntfile

答案 1 :(得分:2)

TL; DR:使用业力:单位到处而不是业力:单位:运行并使用grunt.event.on('watch',function(){});编辑karma配置以仅包含您要运行的测试文件。

我有这个工作,但它可能不是你想要的。每次保存文件时我都会重新启动服务器。进一步说明如下。以下是一些配置:

    watch: {
        tests: {
            files: 'tests/**/*.js',
            tasks: ['karma:unit']
        },
        tsChanged: {
            files: config.tsFiles,
            tasks: [
                'ts',
                'karma:unit'
            ]
        }
    }

    grunt.event.on('watch', function(action, filepath){
        grunt.config(['karma', 'unit', 'files'], [{
            src: [
                path/to/your/source/files,
                path/to/your/test/file,
            ]
        }]);
    });

在我看来,只要启动服务器,karma就会将所有应用程序文件和测试文件加载到浏览器中。在你的情况下,当你在命令行输入“grunt karma:unit:start watch”时。所以在这里,我使用了“grunt watch”,并在流程中添加了“业力:单位”。然后我抓住了保存事件并在启动服务器之前更新了karma配置。

希望这有帮助。

答案 2 :(得分:1)

使用yargs和一些运行时魔法的组合,我这样做:

var argv = require('yargs')
    .default('t', '*.js')
    .alias('t', 'tests')
    .describe('t', 'A file or file pattern of the test files to run, relative to the test/unit dir')
    .help('?')
    .alias('?', 'help')
    .argv;

var filesToLoad = ['src/**/*.js', 'test/unit/helpers/*.js'];
filesToLoad.push(path.join('test/unit/**', argv.t));

gulp.task('tdd', function (done) {
    karma.start({
        configFile: __dirname + '/../../karma.conf.js',
        jspm: {
            loadFiles: filesToLoad,
        }
    }, function(e) {
        done();
    });
});

将测试文件/路径模式作为gulp的参数,并优先加载所有文件

答案 3 :(得分:1)

根据Matthias的回答和我的Grundfile.js的评论:

module.exports = function (grunt) {

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        karma: {
            all: {
                configFile: 'karma.conf.js',               
                background: true,
                files: [
                    { src: './Leen.Managementsystem/bower_components/jquery/dist/jquery.js' },
                    { src: './Leen.Managementsystem/bower_components/globalize/lib/globalize.js' },
                    { src: './Leen.Managementsystem/bower_components/**/*.js', included: false },
                    { src: './Leen.Managementsystem.Tests/App/test/mockFactory.js', included: false },
                    { src: './Leen.Managementsystem/App/**/*.js', included: false },
                    { src: './Leen.Managementsystem.Tests/App/test/*.js', included: false },
                    { src: './Leen.Managementsystem.Tests/App/**/*.spec.js', included: false },   
                    { src: './Leen.Managementsystem.Tests/App/test-main.js' }
                ]
            },
            one: {
                configFile: 'karma.conf.js',               
                files: [
                    { src: './Leen.Managementsystem/bower_components/jquery/dist/jquery.js' },
                    { src: './Leen.Managementsystem/bower_components/globalize/lib/globalize.js' },
                    { src: './Leen.Managementsystem/bower_components/**/*.js', included: false },
                    { src: './Leen.Managementsystem.Tests/App/test/mockFactory.js', included: false },
                    { src: './Leen.Managementsystem/App/**/*.js', included: false },
                    { src: './Leen.Managementsystem.Tests/App/test/*.js', included: false },          
                    // (do not inlcude the *.spec.js files here! The watch event listener will add the single spec file to run)
                    { src: './Leen.Managementsystem.Tests/App/test-main.js' }   
                ]
            }
        },
        watch: {           
            spec_js: {
                options: {
                    interrupt: true,
                    spawn: false
                },
                files: 'Leen.Managementsystem.Tests/App/**/*.spec.js',
                tasks: ['karma:one:start']               
            }
        }
    });

    var originalKarmaOneFiles = grunt.config.get('karma.one.files'); // keep the original files array

    grunt.event.on('watch', function watchEventListener(action, filepath, target) {

        if (target === 'spec_js') {
            handleChangedSpecFile();
        }

        function handleChangedSpecFile() {
            if (action === 'deleted') {
                return;
            }           

            var testFilePath = "./" + filepath.replace(/\\/g, "/");

            grunt.log.writeln(['Running single karma test for: ' + testFilePath]);
            var updatedFiles = originalKarmaOneFiles.concat([{ src: testFilePath, included: false }]);

            grunt.config.set('karma.one.files', updatedFiles);
        }
    });


    grunt.loadNpmTasks('grunt-karma');
    grunt.loadNpmTasks('grunt-contrib-watch');

    grunt.registerTask('default', ['karma:all','watch']);

};

karma.conf.js:

module.exports = function(config) {
    config.set({

      // base path, that will be used to resolve files and exclude
      basePath: '', //the solution root path, e.g. D:\Energienetzwerke\trunk


      // frameworks to use
      frameworks: ['jasmine', 'requirejs'],

      // list of files / patterns to load in the browser
      files: [
        './Leen.Managementsystem/bower_components/jquery/dist/jquery.js',
        './Leen.Managementsystem/bower_components/globalize/lib/globalize.js',
        { pattern: './Leen.Managementsystem/bower_components/**/*.js', included: false },
        { pattern: './Leen.Managementsystem.Tests/App/test/mockFactory.js', included: false },
        { pattern: './Leen.Managementsystem/App/**/*.js', included: false },
        { pattern: './Leen.Managementsystem.Tests/App/test/*.js', included: false},
        { pattern: './Leen.Managementsystem.Tests/App/**/*.spec.js', included: false},
        './Leen.Managementsystem.Tests/App/test-main.js'
      ],


      // list of files to exclude
      exclude: [
        './Leen.Managementsystem/App/main.js'
      ],


      // test results reporter to use
      // possible values: 'dots', 'progress', 'junit', 'growl', 'coverage'
      reporters: ['progress', 'coverage', 'notify', 'htmlDetailed', 'xml'],



      coverageReporter: {
        dir: './Leen.Managementsystem.Tests/testCoverage',
        reporters: [
          { type: 'html',subdir: 'html'},
          { type: 'cobertura',subdir: 'xml', file: 'coverage.xml' },
          { type: 'lcov', subdir: 'lcov' },
          { type: 'text-summary' }
          ]
      },


      notifyReporter: {
        reportEachFailure: true, // Default: false, Will notify on every failed spec
        reportSuccess: false // Default: true, Will notify when a suite was successful
      },

      htmlDetailed: {
        autoReload: true,
        dir: './Leen.Managementsystem.Tests/testResults'

      },
    preprocessors: {
      // source files, that you wanna generate coverage for
      // do not include tests or libraries
      // (these files will be instrumented by Istanbul)
      './Leen.Managementsystem/App/**/*.js': ['coverage']
    },


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // 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: false, //watching is done by Gruntfile.js to only execute changed tests
    usePolling: true,

    // Start these browsers, currently available:
    // - Chrome
    // - ChromeCanary
    // - Firefox
    // - Opera
    // - Safari (only Mac)
    // - PhantomJS
    // - IE (only Windows)
    browsers: ['Chrome_With_Saved_DevTools_Settings'],

    customLaunchers: {
        Chrome_With_Saved_DevTools_Settings: {
            base: 'Chrome',
            chromeDataDir: './.chrome'            
        }
    },


    // If browser does not capture in given timeout [ms], kill it
    captureTimeout: 60000,


    // Continuous Integration mode
    // if true, it capture browsers, run tests and exit
    singleRun: true
  });
};

的package.json:

{
  "name": "solution",
  "version": "1.0.0",
  "description": "contains packages that are needed for running karma",
  "main": "./Leen.Managementsystem.Tests/App/test-main.js",
  "dependencies": {
    "grunt": "1.0.1",
    "grunt-cli": "1.2.0",
    "grunt-contrib-watch": "1.0.0",
    "grunt-karma": "2.0.0",
    "jasmine-core": "2.6.4",
    "karma": "1.7.0",
    "karma-chrome-launcher": "2.2.0",
    "karma-cli": "1.0.1",
    "karma-coverage": "1.1.1",
    "karma-firefox-launcher": "1.0.1",
    "karma-html-detailed-reporter": "1.1.20",
    "karma-ie-launcher": "1.0.0",
    "karma-jasmine": "1.1.0",
    "karma-notify-reporter": "1.0.1",
    "karma-phantomjs-launcher": "1.0.4",
    "karma-requirejs": "1.1.0",
    "karma-xml-reporter": "0.1.4",
    "requirejs": "2.3.4"
  },
  "devDependencies": {},
  "scripts": {
    "test": "karma run"
  },
  "author": "LEEN",
  "license": "private"
}