1

我正在尝试使用 mockjax 来模拟​​我的 jQuery Ajax 调用；但是，我找不到任何关于如何有效测试响应的好的、有效的示例。

以下代码是 jQuery.Ajax 对象的简单包装器。它有效，但我想围绕以下内容编写一些测试：

Ajax 包装器

if (!namespace){ 
    var namespace = {};
}


namespace.Ajax = (function($){

    function defaultError(xhr, err, msg){
        if (typeof console !== 'undefined'){
            var log = console.error;

            if (!log) {
                log = console.log;
            }

            log("==========================================");
            log("An error occurred with the request."); 
            log("- Status Code: " + xhr.status);
            log("- Status Text: " + xhr.statusText);
            log("- Response Text: " + xhr.responseText);
            log("- Message: " + msg);
            log("==========================================");
        }
    }

    function getData(url, data, successCallback, errorCallback){
        if (!errorCallback){
            errorCallback = defaultError;
        }

        $.ajax({
            url: url
            , data: data
            , success: successCallback
            , error: errorCallback
        });
    }

    function postData(url, data, successCallback, errorCallback){
        if (!errorCallback){
            errorCallback = defaultLog;
        }

        $.ajax({
            type: "POST"
            , url: url
            , data: data
            , success: successCallback
            , error: errorCallback
        });
    }

    return {
        getData : getData
        , postData: postData
    }
}(jQuery));

我对 getData 进行了以下 JsTestDriver 测试。

测试班

TestCase("Ajax Object Test Fixture", {
    "test Calling getData Should Return content" : function(){
        var results;
        var obj = namespace.Ajax;

        $.mockjax({
            url: "/test"
            , responseTime: 1
            , responseText: "success"
        });


        obj.getData("/test"
                    , null
                    , function(data){results = data; });

        setTimeout(function(){assertEquals("'success' Should be Returned.", "success1", results);}, 500);
    }
});

在此示例中，assertEquals 函数应返回 false，因为我期待“success1”，但在整个代码中，我尝试将值设置为“success”。我希望这个测试失败，所以我知道它正在工作。尽管如此，测试成功了。我有事件试图将 successCallback 函数设置为只是results = "success"，它仍然没有“失败”测试。

如何设置此测试以确保返回模拟响应，这样我就不会得到目前的误报？

4

1 回答 1

1

我认为这里的问题是 setTimeout 导致测试用例退出而不运行任何断言，并且 assertEquals 在单独的“线程”中被调用。

你需要的是一个异步测试用例：

(function(namespace){
var testcase = AsyncTestCase('AjaxObjectTest');

/**
 * Each asynchronous testcase method receives a queue object.
 */
testcase.prototype.testGetData = function(queue) {
    var results;
    var obj = namespace.Ajax;

    $.mockjax({
        url: "/test",
        responseTime: 1,
        responseText: "success"});

    // Here we pass a function to the queue call method, which will
    // pause the testcase execution until all callback methods have been
    // called, or until it expires.
    queue.call('Expecting a callback', function(callbacks){

        // The callbacks object is a factory for creating required 
        // callback functions. This queued function will wait until it
        // has been called. You can specify the number of times you require
        // it to be called as the second parameter of the add method.
        var handler = callbacks.add(function(data){
            assertEquals("'success' Should be Returned.", "success1", data);
        });

        obj.getData("/test", null, handler);
    }
});
})(namespace);

您可以在单个测试中进行任意数量的队列调用，并且所有这些调用都将在前一个测试完成后运行。您可以在 JsTestDriver 项目wiki中阅读有关异步测试用例的更多信息。希望有帮助！

哦，差点忘了！为避免您通过了没有断言的测试的情况，您可以使用该expectAsserts函数：

testcase.prototype.testSomeStuff = function(){
    expectAsserts(2);

    // Test your stuff here
};
于 2011-07-07T12:42:40.530 回答