javascript - Jasmine、spyOn、getJSON 和失败

Question

我正在尝试学习 Jasmine spyOn 函数。当使用 spyOn 测试调用 jQuery.getJSON 的函数时，我得到了 TypeError: Cannot read property 'fail'。

这是我要测试的功能:

getJsonServerNine: function () {
    'use strict';

    $.getJSON(queryServer.url, function(simpleJson) {
        parseResponse(simpleJson);                
    }).fail(function(error) {
        console.log(error.statusText);
    });

}

这是我的测试:

it("tests getJSON call", function() {
    spyOn($, 'getJSON').and.callFake(function (url, success) {
        success({
            "nine": 9
        });
    });
    queryServer.getJsonServerNine();
    expect(queryServer.queryResult).toBe(9);
});

如果我从 getJsonServerNine() 中删除了 fail 回调，那么我的代码就可以工作了。如果我调用 jquery.ajax() 而不是 getJSON 那么我可以找到一种方法让它工作。我怎样才能通过调用 $.getJSON 让它工作？

我看过this answer一个类似的问题，它非常好，但与我的情况不完全匹配，对我不起作用，并且使用过时的 Jasmine 语法。

Answer 1

$.getJSON 返回的对象应该有一个 fail() 方法。在您的实现中，它返回未定义。

假函数应该返回一个像这样的对象:

// Source
var queryServer = {
    getJsonServerNine: function () {
        'use strict';

        $.getJSON(queryServer.url, function (simpleJson) {
            // parseResponse(simpleJson);
            console.log(simpleJson)
            queryServer.queryResult = simpleJson[Object.keys(simpleJson)[0]];
        }).fail(function (error) {
            console.log(error.statusText);
        });

    }
}

// Test
describe('foo', function () {
    it("tests getJSON call", function () {
        spyOn($, 'getJSON').and.callFake(function (url, success) {
            success({
                "nine": 9
            });
            return {
                fail: function() {}
            }
        });
        queryServer.getJsonServerNine();
        expect(queryServer.queryResult).toBe(9);
    });
});

在这里查看 JS fiddle - http://jsfiddle.net/eitanp461/32e17uje/