如何使用茉莉嘲笑的jQuery的getJSON回調

Question

我有一個包含負載功能和加載函數調用jQuery的的getJSON功能模塊

load(key,callback){ 
    // validate inputs 
    $.getJSON(this.data[key],'',function(d){ 
     switch(key){ 
     // do some stuff with the data based on the key 
     } 
     callback('success'); 
    }); 
} 

茉莉花2.0我怎樣才能模擬出調用的getJSON，但供應數據到匿名函數？

Answer 1

我推薦使用Jasmine的ajax插件，它可以模擬所有的AJAX調用（getJSON是ajax調用）。下面是如何做到這一點的例子：

//initialise the ajax mock before each test 
beforeEach(function() { jasmine.Ajax.install(); }); 
//remove the mock after each test, in case other tests need real ajax 
afterEach(function() { jasmine.Ajax.uninstall(); }); 

describe("my loader", function() { 
    it("loads a thing", function() { 
     var spyCallback = jasmine.createSpy(); 
     doTheLoad("some-key", spyCallback); //your actual function 

     //get the request object that just got sent 
     var mostRecentRequest = jasmine.Ajax.requests.mostRecent(); 

     //check it went to the right place 
     expect(mostRecentRequest.url).toEqual("http://some.server.domain/path"); 

     //fake a "success" response 
     mostRecentRequest.respondWith({ 
     status: 200, 
     responseText: JSON.stringify(JSON_MOCK_RESPONSE_OBJECT); 
     }); 

     //now our fake callback function should get called: 
     expect(spyCallback).toHaveBeenCalledWith("success"); 

    }); 
}); 

還有其他的方法，但是這一個已經工作對我很好。更多的文檔在這裏：

https://github.com/jasmine/jasmine-ajax