4

我正在尝试使用 QUnit 和 Mockjax 测试一些 jQuery ajax 代码，并让它为不同的测试返回不同的 JSON，如下所示：

$(document).ready(function() {

function functionToTest() {
    return $.getJSON('/echo/json/', {
        json: JSON.stringify({
            "won't": "run"
        })
    });
}

module("first");

test("first test", function() {

    stop();

    $.mockjax({
        url: '/echo/json/',
        responseText: JSON.stringify({
            hello: 'HEYO!'
        })
    });

    functionToTest().done(function(json) {
        ok(true, json.hello);
        start();
    });               
});


 test("second test", function() {

    stop();

    $.mockjax({
        url: '/echo/json/',
        responseText: JSON.stringify({
            hello: 'HELL NO!'
        })
    });


    functionToTest().done(function(json) {
        ok(true, json.hello);
        start();
    });


});

});

不幸的是，它为每个调用返回相同的响应，并且无法保证顺序，所以想知道如何设置它以便它与实际请求耦合并提出这个：

$.mockjax({
    url: '/echo/json/',
    response: function(settings) {

        if (JSON.parse(settings.data.json).order === 1) {
            this.responseText = JSON.stringify({
                hello: 'HEYO!'
            });
        } else {
            this.responseText = JSON.stringify({
                hello: 'HELL NO!'
            });
        }
    }
});

这依赖于发送到服务器的参数，但是没有参数的请求呢，我仍然需要测试不同的响应？有没有办法使用 QUnit 的设置/拆卸来做到这一点？

4

1 回答 1

3

看起来您需要$.mockjaxClear();在创建另一个模拟处理程序之前调用。

Mockjax 通过更改 $.ajax 方法来工作。

在其源代码的底部，我们可以看到您正在使用的 $.mockjax 方法，这是它的公开方法之一，它只是将更多的处理程序附加到 mockHandlers 数组。

    $.mockjax = function(settings) {
        var i = mockHandlers.length;
        mockHandlers[i] = settings;
        return i;
    };

在 $.ajax 替换的源代码中，我们可以看到：

    // Iterate over our mock handlers (in registration order) until we find
    // one that is willing to intercept the request
    for(var k = 0; k < mockHandlers.length; k++) {

/echo/json/您的问题是由于 $.ajax 方法对url数组中的第一个处理程序（因此不是最新的）模拟处理程序感到满意。

这是我的小提琴叉子，只需添加$.mockjaxClear()一行。

编辑：

更灵活的解决方案：

  • 在任何测试函数之外，删除一个变量，该变量将具有请求处理程序的 ID 以供以后更改。
  • 在需要覆盖某个处理程序的模块之前，声明一个变量（不需要初始值）以保存要修改的处理程序的备份。
  • 然后在模块设置函数中使用 $.extend 将设置从 $.mockjax.handler( <your handlerID variable>) 复制到此备份。在模块的拆卸中，使用 $.mockjaxClear( <your handlerID variable>) 删除模块，然后设置<your handlerID variable>为其他内容。
  • 现在您可以覆盖模块setup和各个测试函数中的处理程序。

但不要相信我的话。看看小提琴。

像这样灵活得多。您可以更改该处理程序并保留您可能拥有的所有其他处理程序。

它似乎确实容易出错，所以我建议要小心。

于 2012-10-22T13:35:43.660 回答