javascript - 测试包含异步代码的函数

Question

通过 qUnit，如果您的测试中有异步代码，我了解如何使用 asyncTest()，但是如果您有一个包含异步代码的函数怎么办？

换句话说，异步请求不在测试范围内，而只是正在测试的代码的一部分。

以这段代码为例:

function makeAjaxCall(){
    $.get('/mypage', {}, function(data){
        // Do something with `data`
    },'json');
}

如何在测试中调用 makeAjaxCall()，然后对 ajax 请求返回的 data 运行测试？

Answer 1

您可以使用jQuery Global Ajax Event Handlers在这个情况下。在调用之前绑定(bind)它，完成测试后解除绑定(bind)，可能通过 Qunit 中的模块方法。

类似(未经测试):

asyncTest(function() {
  expect(1);

  $(document).ajaxSuccess(function(e, xhr, settings) {
     var jsonRep = JSON.parse(xhr.responseText);
     // assert on jsonRep
     //ok(true);
  });
  $(document).ajaxError(function(e) {
     ok(false);
  });
  $(document).ajaxComplete(function() {
     start();

     $(document).unbind('ajaxSuccess ajaxError ajaxComplete');
  });

  makeAjaxCall();
});

请注意，全局处理程序 do not have access to the parsed contents ，并且您必须自己使用 JSON.parse 重新解析它们。不理想，但我不知道还有其他方法。