QUnit: Làm thế nào để kiểm tra cuộc gọi ajax mà không sửa đổi các cuộc gọi ajax

Question

Làm thế nào tôi có thể viết một bài kiểm tra QUnit cho việc này:

function doSomethingWithAjax() { 
    $.ajax({ 
     url: '/GetHelloWorld', 
     success: function(data) { $("#responseFromServer").text(data); }, 
    }); 
} 

Mockjax + QUnit đòi hỏi một cuộc gọi start() trong ajax phương pháp đầy đủ().

Answer 1

test("should mock ajax", function() { 

    $.ajax = function(options) { 
     equals(options.url, "/GetHelloWorld"); 
     options.success("Hello"); 
    }; 

    doSomethingWithAjax(); 

    equal($("#responseFromServer").text(), "Hello"); 
}); 

Answer 2

Thư viện jasmine-ajax cho phép bạn xác định câu trả lời giả cho tất cả cuộc gọi ajax mà không cần chạm vào cuộc gọi.

Answer 3

Câu hỏi này có một vài năm và cho các phiên bản mới của jQuery và Jasmine đã thay đổi một chút.

Nếu bạn không muốn sử dụng hoa nhài-ajax bạn có thể thử Michael Falaga's approach

function ajax_response(response) { 
    var deferred = $.Deferred().resolve(response); 
    return deferred.promise(); 
    } 

    describe("Test test", function() { 
    beforeEach(function() { 
     spyOn($, 'ajax').and.returnValue(
     ajax_response([1, 2, 3]) 
    ); 
    }); 
    it("is it [1, 2, 3]", function() { 
     var response; 
     $.ajax('GET', 'some/url/i/fancy').done(function(data) { 
     response = data; 
     }); 
     expect(response).toEqual([1, 2, 3]); 
    }); 
    });