Sinonjs fakeserver - 多个 ajax 调用

Question

我将 QUnit 与 sinon 一起使用。如何让 sinon 的 fakeserver 响应由相同方法调用的链式 ajax？

module('demo', {
    beforeEach: function(){
        this.server = sinon.fakeServer.create();
    },
    afterEach: function(){
        this.server.restore();
    }
});

test('chained ajax calls', function(assert){

    this.server.respondWith('GET', '/foo', [200, 
    { 'Content-Type': 'application/json' }, '{ "foo": 1 }' ]);

    this.server.respondWith('GET', '/bar', [200, 
    { 'Content-Type': 'application/json' }, '{ "bar": 1 }' ]);

    var successCount = 0;

    $.get('/foo', function(data){
        successCount++;
        $.get('/bar', function(){
            console.log('bar success');
            successCount++;
        });
    });

    this.server.respond();
    assert.strictEqual(successCount, 2);
});

我上面的问题是我只能从其中一种方法中得到响应。 fakeserver 能处理这个吗？

更新：似乎添加另一个server.respond() 可以解决问题。但一定有更好的办法吧？

根据文档，无论 ajax 调用次数如何，听起来都应该调用一次：

server.respond(); 使所有排队的异步请求都收到响应。

小提琴：http://jsfiddle.net/3qj20r5m/1/

Answer 1

Sinon 文档指出autoRespond 不适合测试，因为它将异步执行。这默认为 10 毫秒后，这足以碰撞到下一个执行帧，可能会导致测试出现一些竞争条件。我发现这一点是因为我有类似的嵌套 AJAX 调用想要测试。

我最终在fakeServer 上实现了一个respondImmediately 属性，它将同步响应任何请求。几周前它刚刚合并到项目中（v1.14.0），但如果你更新到最新版本，你应该能够得到它。 Check out the docs here..

在您的beforeEach 块中，不要将autoRespond 属性设置为true，而是将respondImmediately 属性设置为true。然后删除所有server.respond() 调用，你应该设置！

Answer 2

嗯，我认为server.repond() 也应该这样做。无论如何，我通常将我的假服务器设置为自动响应。除非您需要在响应之前检查请求，否则这似乎更容易：

var server;
QUnit.module('fake server tests', {
    beforeEach: function() {
        server = sinon.fakeServer.create();

        // *** it's this option I'm referring to...
        server.autoRespond = true;

        server.respondWith('GET', '/foo', [200, { 
            'Content-Type': 'application/json',
            '{ "foo": 1 }'  
        }]);

        server.respondWith('GET', '/bar', [200, { 
            'Content-Type': 'application/json',
            '{ "bar": 1 }'  
        }]);
    },
    afterEach: function() {
        server.restore();
    }
});

QUnit.test('do some ajax', function(assert) {
    var done = assert.async();

    doTwoAjaxCalls(function () {

        // whatever your assertions are...
        // (of course, your method would need to perform the callback...)

        done();
    });
});

更新

查看您更新的代码，我们可以看到为什么您需要调用 respond() 两次：第一个响应调用从其队列中“释放”初始 ajax 请求（到 /foo），然后调用第一个成功回调.在该回调中，您启动了第二个 ajax 调用，Sinon 将一直保持到您再次调用 respond()。

换句话说，调用respond() 将使Sinon 释放所有当前持有的ajax 请求，但在你的情况下，一次只持有一个。使用我上面提到的autoRespond 选项可以消除这种需求，因为 Sinon 会立即“响应”，但我相信在这种情况下您需要使测试异步（或者至少，这是最佳实践）。

祝你好运！