Как выполнить модульное тестирование этой функции JavaScript, включая насмешку над вызовом Ajax?

Я успешно написал тест QUnit для случая успеха и еще один для случая отказа, как вы можете видеть из этого jsFiddle. Я использовал Mockjax для подделки ответов Ajax и имитации условий успеха/неудачи. Примечательно, что я настроил вызовы Ajax как синхронные, чтобы я мог писать синхронные тесты, поскольку у меня были проблемы с выяснением того, как запускать мои тесты после запуска асинхронных обратных вызовов Ajax.

Я также использую библиотеку Sinon.JS для имитации зависимостей и проверки того, что, например. диалоги запускаются корректно.

Рабочий тестовый код приведен ниже, см. мой вопрос для тестируемой функции (statusmod.init). Дайте мне знать, если есть что-то, что, по вашему мнению, я упустил.

var dialogSpy = null;
var windowSpy = null;
var id = "srcId";
var binId = "binId";
var url = $.validator.format("/api/binid/?id={0}", id);
var btnId = "#button-status";

module("Open status page", {
    setup: function() {
        // Allow us to run tests synchronously
        $.ajaxSetup({
            async: false
        });
        windowSpy = sinon.spy(window, "open");
        dialogSpy = sinon.spy();
        sinon.stub($.fn, "dialog", function() {
            return {
                "dialog": dialogSpy
            };
        });

        statusmod.init(id);
    },
    teardown: function() {
        windowSpy.restore();
        $.fn.dialog.restore();
        $.mockjaxClear();
        // Remove click event handler for each test
        $(btnId).unbind();
    }
});

test("Successfully open status page", function() {
    expect(4);

    $.mockjax({
        url: url,
        contentType: "text/json",
        responseText: {
            Id: binId
        }
    });

    var spinner = statusmod._spinner;
    var spinnerSpy = sinon.spy(spinner, "show");

    $(btnId).click();

    ok(spinnerSpy.calledOnce, "Spinner shown");
    ok(dialogSpy.withArgs("open").calledOnce, "Dialog opened");
    ok(dialogSpy.withArgs("close").calledOnce, "Dialog closed");
    equal(windowSpy.lastCall.args[0], $.validator.format("http://status/?Page=Status&Id={0}", binId), "Window opened");
});

test("Binary ID not found on server", function() {
    expect(3);

    $.mockjax({
        url: url,
        contentType: "text/json",
        status: 404
    });

    $(btnId).click();

    ok(dialogSpy.withArgs("open").calledTwice, "Dialogs opened");
    ok(dialogSpy.withArgs("close").calledOnce, "Progress dialog closed");
    ok(!windowSpy.called, "Window not launched");
});

Прежде всего, скачайте и подключите Mockjax.

Затем издевайтесь над своими вызовами ajax:

module("Mock Ajax", {
  setup: function () {
    /** this mocks the ajax call **/
    $.mockjax({
      url: 'yourUrl.php',
      data: {'action': 'your',
        'data': {
          'that': 'you',
          'send': 'here'
        }
      },
      responseText:'{"your": ["returned":"json"],"string"}'
    });
  });
});

И тогда вы можете сделать свой вызов ajax в тестовом примере:

test( "Your testcase", function() {
  $.ajax('yourUrl.php',
    data: {'action': 'your',
       'data': {
      'that': 'you',
      'send': 'here'
    }
  }, function(data) {
      ok("do something with your data");
  });
});

И вуаля, вы успешно что-то протестировали! Вы можете добавить дополнительные параметры к вызову mockjax (isTImeout, isError и т. д.). Документацию можно найти здесь.

Это основы, вы можете отредактировать их в соответствии с вашими потребностями, используя документацию, которая довольно полная.