与 gulp 并行运行多个 qunit 测试

Question

我正在开发一个包含几个定制 jQuery 插件的项目，每个插件都有自己的 QUnit 测试和自己的 html 夹具，所以我的 gulp-qunit 任务是这样的：

gulp.task('qunit', () => {
    let path = './assets/test/components/**/*.html';
    return gulp.src(path)
        .pipe(qunit());
})

但是，通过这种方式，测试按顺序运行，整个测试套件占用了我整个构建过程的 80% 以上，我最近从 grunt 迁移到 gulp，以便能够并行化一些任务。

有没有办法并行运行 QUnit 测试，因为它们不相互依赖？

Answer 1

您需要为每个.html 文件创建一个流。

这意味着您必须将 glob 解析为文件数组，将每个文件映射到自己的流中，然后将所有流合并为一个：

var gulp = require('gulp');
var qunit = require('gulp-qunit');
var glob = require('glob');
var merge = require('merge-stream');

gulp.task('qunit-parallel', () => {
    var files = glob.sync('./assets/test/components/**/*.html');
    return merge(files.map(function(file) {
      return gulp.src(file).pipe(qunit());
    }));
})

我用 100 个.html 文件尝试了这个，它确实快得多：

[11:09:40] Finished 'qunit-sequential' after 22 s
[11:09:58] Finished 'qunit-parallel' after 2.92 s