Question

我正在尝试使用QUnit来测试一堆javascript。我的代码看起来像这样：

module("A");
doExpensiveSetupForModuleA();
asyncTest("A.1", testA1);
asyncTest("A.2", testA3);
asyncTest("A.3", testA3);

module("B");
doExpensiveSetupForModuleB();
asyncTest("B.1", testB1);
asyncTest("B.2", testB3);
asyncTest("B.3", testB3);

如果我按原样运行，那么doExpensiveSetupForModuleB()会在异步测试运行时运行，从而导致失败。

如果在doExpensiveSetupForModuleB()之前运行testA*，则这些测试将失败或撤消昂贵的设置工作，以致testB*失败。

有没有办法在下一个模块上安装QUnit？或者让它阻止启动新测试直到上一次异步测试完成？或者，我应该使用更好的JS测试框架吗？

注意：我知道我的单元测试不是完全原子的。我确实有清理代码，有助于确保我没有任何脏状态，但doExpensiveSetupFor*()非常昂贵，因此在每次测试之前运行它是不现实的。

Answer 1

您可以使用module lifecycle吗？

function runOnlyOnce(fn) {
    return function () {
        try {
            if (!fn.executed) {
                fn.apply(this, arguments);
            }
        } finally {
            fn.executed = true;
        }
    }
}

// http://api.qunitjs.com/module/
module("B", {
    setup: runOnlyOnce(doExpensiveSetupForModuleB)
});

Answer 2

这是一个根据原始代码改编的示例，它为每个测试方法执行设置方法：

function doExpensiveSetupForModuleA() {
    console.log("setup A");
}

function testA1() {
    console.log("testA1");
    start();
}

function testA2() {
    console.log("testA2");
    start();
}

function testA3() {
    console.log("testA3");
    start();
}

function doExpensiveSetupForModuleB() {
    console.log("setup B");
}

function testB1() {
    console.log("testB1");
    start();
}

function testB2() {
    console.log("testB2");
    start();
}

function testB3() {
    console.log("testB3");
    start();
}

QUnit.module("A", { setup: doExpensiveSetupForModuleA });
    asyncTest("A.1", testA1);
    asyncTest("A.2", testA2);
    asyncTest("A.3", testA3);

QUnit.module("B", { setup: doExpensiveSetupForModuleB });
    asyncTest("B.1", testB1);
    asyncTest("B.2", testB2);
    asyncTest("B.3", testB3);

这将独立于执行测试的顺序而工作，也与每个方法终止所花费的时间无关。

对start（）的调用将确保仅在方法的那一点收集测试结果。

更详细的例子可以在QUnit Cookbook中找到： http://qunitjs.com/cookbook/#asynchronous-callbacks

<强>更新如果您不希望在每个测试方法之前执行昂贵的方法，但实际上每个模块只执行一次，只需将控制变量添加到代码中以检查模块是否已经设置：

var moduleAsetUp = false;
var moduleBsetUp = false;

function doExpensiveSetupForModuleA() {
    if (!moduleAsetUp) {
        console.log("setting up module A");
        moduleAsetUp = true;
    }
}

...

function doExpensiveSetupForModuleB() {
    if (!moduleBsetUp) {
        console.log("setting up module B");
        moduleBsetUp = true;
    }
}
...

在此示例中，输出将为：

setting up module A 
 testA1 
 testA2 
 testA3 
 setting up module B 
 testB1 
 testB2 
 testB3

这样您就可以使用昂贵的方法作为模块设置而不是测试方法设置。

单元测试应该是原子的，独立的，孤立的，因此它们运行的顺序不应该是相关的。

Qunit并不总是以相同的顺序运行测试，无论如何，如果您希望测试按特定顺序运行，您可以告诉QUnit不要对它们进行重新排序：

QUnit.config.reorder = false;

这样可以确保testA在testB之前运行。

Answer 3

我认为你对测试声明的工作方式存在误解。

QUnit可以独立运行任何测试。仅仅因为您使用test（）或asyncTest（）声明测试并不意味着QUnit将调用传入的函数。每次测试旁边的“重新运行”链接重新加载页面并跳过每个测试但是特定的测试。

因此，如果您想重新运行B模块测试，您的代码将设置A模块，即使它不需要。

其他人发布的模块设置解决方案可能就是这里的方法。

在模块完成之前，如何进行QUnit阻止？

3 个答案: