使用jquery和sinon的fakeXMLHttpRequest,当async为false时,不会调用

时间:2013-07-04 13:47:25

标签: jquery ajax jasmine sinon js-test-driver

我正在使用js-test-driver,我在内部使用jasmine进行测试,使用sinon进行间谍,fakeXMLHttpRequests等等。

假设我们加载以下文件:

load:
  - lib/jasmine.js
  - lib/JasmineAdapter.js
  - lib/sinon.js
  - lib/jquery-1.8.3.min.js
  - spec/*.js

在spec文件夹中是一个文件test.js,其中包含以下内容:

describe('test', function() {

    it('should use sinon fakeXMLHttpRequest', function() {
        var result = [],
            requests = [];
        this.callback = function(xhr, textStatus) {
            result = textStatus;
        }
        var callbackSpy = sinon.spy(this, 'callback');
        var xhr = sinon.useFakeXMLHttpRequest();
        var clock = sinon.useFakeTimers();
        xhr.onCreate = function(xhr) {
            requests.push(xhr);
        }
        expect(requests.length).toBe(0);
        expect(callbackSpy.called).toBeFalsy();
        jQuery.ajax({
            async: false,
            url: 'somevalidurl.php',
            complete: this.callback
        });
        expect(requests.length).toBe(1);
        requests[0].respond(200, { "Content-Type": "application/json" },
            '[{ "id": 12, "text": "Something" }]');
        clock.tick(2000);
        expect(callbackSpy.called).toBeTruthy();
        expect(result).toBe('success')
        xhr.restore();
    });

});

然后我们得到以下错误:

Error: Expected false to be truthy.
Error: Expected [  ] to be 'success'.

如果我们改为“async:true”,一切正常。这是一个错误还是我缺少一些行为?

1 个答案:

答案 0 :(得分:1)

抱歉,我的错。对于那些有同样问题的人:

当然它不起作用。导致同步XMLHttpRequest停止执行。在这种情况下,Sinon的fakeXMLHttpRequest正在做一些奇怪的事情。所以我重构了我测试过的代码以使用异步http请求。