jquery - QUnit: ajax 呼び出しを変更せずに ajax 呼び出しをテストする方法

Question

このための QUnit テストを作成するにはどうすればよいですか。

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

Mockjax+qunit では、ajax の complete() メソッドで start() 呼び出しが必要です。

Answer 1

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

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

    doSomethingWithAjax();

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

Answer 2

jasmine-ajaxライブラリを使用すると、呼び出し自体に触れることなく、すべての ajax 呼び出しに対してモック応答を定義できます。

Answer 3

この質問には数年かかり、jQuery と Jasmine の新しいバージョンでは少し変更されています。

jasmine-ajax を使用したくない場合は、Michael Falaga のアプローチを試すことができます

  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]);
    });
  });