如何使用茉莉花测试ajax响应

Question

我是茉莉花的新手。 我正在寻找一种方法来检查 ajax 响应中是否存在一个特定节点。我正在使用 grunt 运行 jasmine 命令行。我能够检查成功 Ajax 调用后是否调用了函数。我的代码如下所示。

describe("Ajax call test.", function () {
    it("should execute the callback function on success", function () {
        spyOn($, "ajax").and.callFake(function(options) {
            options.success();
        });
        var callback = jasmine.createSpy();
        getSampleResponse( callback);
        expect(callback).toHaveBeenCalled();
    });

    function getSampleResponse(callback){
        $.ajax({url: "template/sample.json", dataType:"text", success:function(res){            
            callback();
            }
        });
    }
});

我的 sample.json 文件如下所示。

{
   success: {

    "numSearches":5,
    "data":[
        {title:'search title 1', count:1},
        {title:'search title 2', count:1},
        {title:'search title 3', count:1},
        {title:'search title 4', count:1},
        {title:'search title 5', count:1}
    ]

  } 
}

我想检查响应是否包含success.numSearches。 我怎么能用茉莉花来做到这一点。 提前致谢。

Answer 1

拉杰什，

您已经使用模拟来消除实际的 ajax 调用。您是否要测试 numSearches 的模拟响应？

在您的成功调用中，您没有将 json 响应 res 传递给您的回调方法。

这是一篇在 Jasmine 中测试 ajax 调用的好文章 http://www.htmlgoodies.com/html5/javascript/testing-ajax-event-handlers-using-jasmine-spies.html

一种测试 ajax 响应的方法是

describe("Ajax call test.", function () { it("should execute the callback function on success", function () { var callbackCalled = false; function myCallback(jsonData) { callbackCalled = true; expect(jsonData.numSearches).toBeEqual(5); } getSampleResponse(myCallback); expect(callbackCalled).toBeTruthy(); });

function getSampleResponse(callback){
    $.ajax({url: "template/sample.json", dataType:"text", success:function(res){            
        callback(res);
        }
    });
}

});`

请注意，我在您的回调方法中添加了res 作为参数