Question

我目前正在开发一个使用Backbone.js构建的应用程序，其中Require.js用于加载依赖项。我希望能够加载QUnit并有一个页面，用户只需加载页面，它就会动态运行单元测试。但是，我遇到了麻烦。每当我加载页面时，测试都会起作用，但如果我离开页面然后返回，则QUnit会出现以下错误： Uncaught Error: pushFailure() assertion outside test context,

以下是我目前正在使用的代码。我真正的问题是：使用我目前的Backbone.js布局，以我想要的方式使用QUnit是否可行，还是应该废弃此功能？

加载页面时，将呈现父视图service_test.view.js：

define(['backbone', 'hgn', 'statemachine_test_view'],
function (Backbone, hgn, StateMachineTest) {
    var DynamicTest = Backbone.View.extend({
        // This is the main element of the application, it is what is cleared and populated for each page
        el: $(".overwatch_container"),
        // Build the Statemachine test view (statemachine_test.view.js)
        statemachine_view: new StateMachineTest(),

        render: function (data) {
            // Empty out anything that's in the container already
            this.$el.empty();

            // Contain the 'this' reference, so it can be used throughout
            var that = this;

            // Pull in and populate the hogan template for the main parent elements
            require(['hgn!templates/service_test.template.hogan'], function (tmpl) {
                // JSON object with all of thd page's information to pass to the templates
                resultset = {
                            "service_type": data.service_type
                };

                // Render the template with the given information, and then build child views
                if( that.$el.html( tmpl.render( resultset ) ) )
                {
                    // Build the child view
                    that.statemachine_view.render();
                }
            });

        },

        close: function () {
            $(this.$el).empty();
            return this;
        }

    });

    // Return the view object, so it can be utilized when this script is require'd
    return DynamicTest;
});

statemachine_test.view.js是创建StateMachineTest的地方：

define(['backbone', 'hgn'],
function (Backbone, hgn) {
    var StateMachineTest = Backbone.View.extend({

        render: function (options) {
            // Dynamically set the element associated with this view, as it is not instantiated when this is first included by Require.js
            this.setElement( $(".test_content") );

            // Contain the 'this' reference, so it can be used throughout
            var that = this;

            require(['hgn!templates/qunit_base.template.hogan'], function (tmpl) {
                // JSON object with all of thd page's information to pass to the templates

                // Render the template with the given information, and then build child views
                if( that.$el.html(tmpl.render()) )
                {

                    // Once the template has been rendered, load the qUnit test script
                    // 'statemachine_dynamic' = statemachine_dynamic.test.js
                    require(['QUnit', 'statemachine_dynamic'], function(QUnit, statemachine) {
                        statemachine.run();

                        QUnit.load();
                        QUnit.start(); //THIS IS THE LINE THE ERROR POINTS TO

                        QUnit.done( function (details) {
                            _.each($("#qunit-tests li").children("a"), function (child) {
                                $(child).attr("href", function (index, attr) {
                                    return attr+window.location.hash;
                                });
                            });

                        });

                    });
                }
            });

        },

    });

    return StateMachineTest;
});

这是我的实际测试脚本，statemachine_dynamic.test.js：

define([], function () {
    var run = function() {
        module("Statemachine Testing");
        test( "Test 1", function() {
            var value = "hello";
            equal( value, "hello", "We expect value to be hello" );
        });
        test( "Test 2", function() {
            var value = "hello";
            equal( value, "hello", "We expect value to be hello" );
        });
        test( "Test 3", function() {
            var value = "hello";
            equal( value, "hello", "We expect value to be hello" );
        });
    };
    return {run: run};
});

Answer 1

Qunit.start()没有开始测试。 start()用于异步测试，如果你评论它，你的测试可能会运行aswel，尽管我不知道require.js

如何在骨干应用程序中使用qunit

1 个答案: