javascript - 用 sinon.stub stub $.ajax 的响应，同时保持延迟功能(使用 mocha + testem)

Question

我有使用延迟对象的代码，该对象从对 $.ajax 的调用中立即返回。我需要为此代码编写单元测试，所以我不想实际往返于服务器。

我可以 stub jQuery 并告诉 stub 返回我用于测试的 JSON，但这会破坏代码，因为它需要一个延迟对象，该对象最终通过 JSON 响应而不是直接的 JSON 响应来解析。

我的解决方案尝试是 stub $.ajax 并告诉它返回一个立即执行的函数。在这个 IEFE 中，我创建了一个新的 $.Deferred 并设置了几毫秒的超时。超时后，我用我想要的 JSON 解析 $.Deferred。代码如下所示:

  stubbedAjax = sinon.stub jQuery, 'ajax'

  stubbedAjax.returns ( ->
    deferred = jQuery.Deferred()
    setTimeout ->
      deferred.resolve(JSON.stringify(customActionResponse))
    , 10
    return deferred
  )()

(此 coffeescript 评估为以下 JS :)

var stubbedAjax;

stubbedAjax = sinon.stub(jQuery, 'ajax');

stubbedAjax.returns((function() {
  var deferred;
  deferred = jQuery.Deferred();
  setTimeout(function() {
    return deferred.resolve(JSON.stringify(customActionResponse));
  }, 10);
  return deferred;
})());

当我运行测试(使用 mocha 和 testem)时，出现以下错误:

Uncaught TypeError: Cannot call method 'resolve' of undefined

我不明白为什么。引用是在函数定义时创建的。 setTimeout 是在创建延迟对象的范围内定义的，因此它可以访问它。在 setTimeout 中放置一些 console.logs 清楚地表明延迟对象已正确创建并可访问。

有人知道为什么它说延迟是未定义的吗？或者也许是一种替代解决方案，即如何在仍然使它立即返回延迟对象的同时 stub jQuery ajax 响应？

提前致谢。

Answer 1

无法发现代码中的错误，事件如此简单 fiddle表明它应该有效。

但是在 sinon 中有一个比 stubbing $.ajax 更简单的方法。只需使用 fake server