测试包含异步代码的功能

Question

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

换句话说，异步请求不在测试中，而只是被测试代码的一部分。

以下面的代码为例：

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

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

Answer 1

在这种情况下，您可以使用jQuery Global Ajax事件处理程序 。 在调用之前将其绑定，完成测试后即可取消绑定（可能通过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();
});

请注意，全局处理程序无权访问已解析的内容 ，而您必须使用JSON.parse自己重新解析它们。 不理想，但我不知道另一种方式。

Answer 2

似乎没有人在乎mockAjax ，所以最近我发现了一些更好的东西： sinonJS ！ 您知道这个名为Fiddler的出色工具的功能autoResponse吗？ sinonJS允许您在客户端执行相同的操作，这是一种Ajax旁路代理。 如果您有兴趣查看示例，请告诉我 ...以便sinonJS可以在不访问服务器的情况下响应任何ajax请求，如果您要模拟客户端，并且要对JavaScript代码进行单元测试，这就是一种魔术。