使用 requirejs 设置无头单元测试

Question

这似乎是一种“寻找圣杯”，但我正在寻找一种用于 JavaScript 单元测试环境的设置。要求是：

• 测试 Requirejs AMD 模块
• 通过模拟依赖项来隔离每个模块
• 在开发期间可在浏览器中测试
• 可在无头环境中进行测试以实现持续集成

除了无头嘲讽之外的一切似乎都是直截了当的。

到目前为止，我已经测试了 JS-Test-Driver、Karma 和 Phantomjs，对于模拟，我使用了 Squire 和 Isolate——以及 @ 中代码的实现987654326@ 并且似乎没有什么工作完全正确。我一次又一次遇到的主要问题是测试框架在所有测试运行之前返回——主要是因为模拟需要它们自己的require() 依赖项。

任何帮助（或脚手架）都会有帮助！

[编辑]

我已经在 Github 上建立了一个基本的工作 Karma project 并带有一些示例模拟测试，使用 chai-expect 作为匹配库。我会尝试添加更多有用的文档，但如果您熟悉 Karma，它应该很容易扩展。只需 git clone 和 npm install 即可运行。

Answer 1

通常每个测试框架都允许您进行异步测试和手动启动测试，这应该是您所需要的。

QUnit

对于 QUnit，您需要将 autostart 设置为 false 以启用手动启动测试：

QUnit.config.autostart = false;

require(['test/qunit/test.js'], function() {
    QUnit.start();
});

如果您在测试期间异步加载内容，只需使用 QUnits stop() 和 start() 方法：

test('something that loads asynchronously', function() {
    stop();
    define(['something'], function(sth) {
        ok(sth, 'Something loaded');
        start();
    });
});

摩卡

Mocha 的工作原理非常相似：

/*globals mocha */
mocha.setup('bdd');

require([ 'test/mocha/test.js' ], function() {
    mocha.run();
});

通过声明一个参数作为规范的回调，异步测试会更好：

describe('an async something', function() {
    it('loads the dependency', function(done) {
        define(['something'], function(sth) {
            ok(sth, 'Something loaded');
            done();
        });
    });
});

这通常应该有效。需要记住的一件事是，如果您使用 RequireJS 加载测试文件，测试可能并不总是以相同的顺序运行。