2

我将QUnit与require.js结合使用来对一个主干.js 应用程序进行单元测试。asyncTest使用该方法，所有测试都是异步的。

我正在使用setupandteardown为每个测试构建和删除一个夹具。我的问题是，虽然asyncTest似乎是阻塞的，但setup()在每个测试开始之前都会被调用，几乎所有setup()调用都同时运行。此解决方案似乎无法解决我的问题。下面我有一个如何设置模块的示例，这里是一个测试存储库的链接，它说明了这个问题

我的问题是：我做错了什么还是这个 QUnit 的正常行为？

module('Module', {
    setup: function(){
        console.log('setup');
    },
    teardown: function(){
        console.log('teardown');
    }
})

asyncTest('Test 1', function() {
    setTimeout(function(){
        equal(2, 2, 'The return should be 2.');
        start();
    }, 400);
});

asyncTest('Test 2', function() {
    setTimeout(function(){
        equal(1, 1, 'The return should be 1.');
        start();
    }, 400);
});
4

2 回答 2

6

QUnit 需要一个相当具体的页面加载行为。通过 requirejs 加载它可能看起来有效，但实际上并没有。建议通过常规脚本标签加载 QUnit。通过 requirejs 加载测试本身是可以的，只要你设置QUnit.config.autostart = false，就像你做的那样。

于 2013-06-17T10:42:32.840 回答
0

包含Jörn Zaefferer上述解决方案的博文- http://www.jonnyreeves.co.uk/2012/qunit-and-requirejs/

这是我实施的-

我遇到的问题：

我通过 require 包含了 qunit。这似乎适用于所有同步测试。我在我的 qunit 模块的设置中定义了一个变量，并在拆卸时返回 null。当我包含一个 asyncTest 时，它似乎没有被拆解正确重置，因此破坏了在那个期望一个新变量之后运行的所有测试。

关键点

  • 通过自己的脚本标签包含 qunit
  • 将自动启动设置为 false
  • 需要所有测试模块后重新开始

它可能不是最优雅的，但我也没有遇到任何端到端的例子，我只是花了几个小时才找到这个答案（因为我首先认为我的 asyncTest 设置不正确）。

<link rel="stylesheet" href="qunit-1.12.0.css">
<script type="text/javascript" src="qunit-1.12.0.js"></script>
<script>
    QUnit.config.autostart = false
    require(['App'],
    function(){

        //Modules that have been loaded in by require.js
        var loadedModules = [];

        //Locations of test modules to load
        var moduleLocations = [
            'tests/test1',
            'tests/test2',
            'tests/test3'
        ];

        //If all modules have been loaded, run them
        function runTests(){
            if (loadedModules.length == moduleLocations.length){
                QUnit.start();
                _.each(loadedModules,function(test){
                    test();
                });
            }
        }

        _.each(moduleLocations,function(string){
            require([string],
            function(a){
                loadedModules.push(a);
                runTests();
            });
        });

    });
</script>

单独的测试模块文件：

define(['array','of','test','requirements'], function() {

    return function(){

        var options = null;

        module('Autocomplete',{
            setup: function() {
                // prepare something for all following tests
                options = new whatever();
            },
            teardown: function() {
                // clean up after each test
                options = null;
            }
        });

        test( "normal tests", function() {
            ok(true,"normal assertions");
        });
    }
});
于 2014-01-04T00:03:12.273 回答