在測試JavaScript時，比setTimeout更好地等待asnyc回調嗎？

Question

鑑於這種代碼：

showForm = function (url) { 
     return $.get(url, function (html) { 
      $('body').append();    
     }); 
}; 

當使用sinon.js，jQuery.mockjax.js和expect.js，我有以下測試通過：

it("showForm calls jQuery.append", function() { 

    $.mockjax({ 
      url: '/fake'      
    }); 

    var spy = sinon.spy($.fn, "append");    
    presenter.showForm('/fake'); 

    setTimeout(function() { 
     expect(spy.called).to.be.equal(true); 
    }, 1000); 
}); 

使用setTimeout功能等待從異步回調$.get味道不好如果我做得太多，它會減慢我的測試套件。

但是，我覺得這個意圖是相當清楚的，它似乎確實測試了我想要的。

有沒有更好的方法，你能解釋一下你的答案是怎麼回事？

Answer 1

傳遞您的匿名函數以將窗體顯示爲參數，並在追加後的回調中調用它。爲了確保它的調用，你可以使它成爲一個覆蓋錯誤回調的$ .ajax請求。

這種方式在獲取請求完成時沒有多餘的時間或調用得太早時就會被調用。

showForm = function (url, callback) { 
     return $.get(url, function (html) { 
      $('body').append(); 
      if(callback != undefined) 
      callback(); 
     }); 
}; 

it("showForm calls jQuery.append", function() { 

    $.mockjax({ 
      url: '/fake'      
    }); 

    var spy = sinon.spy($.fn, "append"); 

    presenter.showForm('/fake', function(){ 
     expect(spy.called).to.be.equal(true); 
    }); 
}); 

Answer 2

使用$ .doTimeout插件

檢查下列文件。

http://benalman.com/projects/jquery-dotimeout-plugin/

希望這有助於

Answer 3

您應該使用sinons fakeServer。當撥打電話$.ajax時，這將立即調用您的ajax回調。看到這個jsFiddle

before(function(){ 
    var server = sinon.fakeServer.create(); 
    server.respondWith('response'); 
}) 

it("showForm calls jQuery.append", function() { 
    var spy = sinon.spy($.fn, "append");    
    presenter.showForm('/fake'); 
    server.respond(); 
    expect(spy.called).to.be.equal(true); 
});