使用Gulp，Mocha，Browserify正确配置以执行服务器端测试的客户端测试

Collin Estes 发表于 Dev

科林·埃斯蒂斯（Collin Estes）

我正在开发一个gulp用于我们的构建过程的节点应用程序，以及一个gulp-mocha用于测试运行器的插件。

 gulp.task('test', function () {
    return gulp.src(TESTJS)
        .pipe(mocha({reporter: 'spec'}))
        .on("error", function (err) {
            // handle the mocha errors so that they don't cloud the test results,
            // or end the watch
            console.log(err.toString());
            this.emit('end');
        });
 });

目前TESTJS仅是我的服务器端测试。我也想使用相同的过程来执行我的客户测试。我调查gulp-blanket-mocha了一下，但还是遇到了同样的问题。尝试测试我的骨干代码时，它失败了，因为测试运行程序jquery未找到其他必需的客户端组件（即），并且失败了。我知道我需要使用某种无头Webkit，例如phantomJS。但是我真的很难弄清楚如何将它合并到使用gulp的过程中browserify。

任何人都尝试过进行这样的设置，或者有任何想法让我的“测试”任务执行我的客户端摩卡测试以及我的服务器端而在这里缺少什么？

扎斯

可能的设置是：

测试运行程序-这是options.filesgulp和karma之间的粘合剂，并提供了使用gulp.src（）流设置karma的选项。坦白地说，如果您在进行业力测试之前没有任何步骤，请直接在gulp任务中使用业力，而无需使用gulp插件。
使用关联的业力插件，以在phantom / chrome / firefox上运行
使用关联的业力插件进行覆盖，alt-js编译
更多插件和配置业力选项，用于报告测试和覆盖率。

使用browserify将更改上面的整个设置。

由于需要解决需求，因此它必须在所有“入口点”文件上运行。通常，您的测试应要求提供来源，并且必须是入口点。
使用karma-bro-解决karma-browserify（ATM甚至不起作用-它不能与bfy 5.0 API一起使用）和karma-browserifast中的问题。
由于来源/供应商来源/测试都捆绑在一起，因此覆盖范围变得棘手。因此，我创建了一个自定义覆盖率转换，以标记在bfy捆绑时应检测哪些代码
browserify应该是业力中的“预处理器”。
一堆“ transform：[]”应该在browserfy选项中配置
可以通过采用现有的转换模块并包装一个自定义模块来配置转换，就像我上面对browserify-istanbul所做的一样