不知道如何用 Jasmine 测试这个异步函数

Question

asynFn(url, callback)

这个函数接受一个 url 并触发一些 xhr 请求，然后使用callback(result) 发回处理后的结果。我应该如何测试它？

（我已经直接在 Chrome 中运行了asynFn，它运行良好。）

我尝试使用jasmine-ajax 来存根请求，但expect 不起作用。

describe('a test', function() {
  var callback

  beforeAll(function() {
    jasmine.Ajax.install()

    jasmine.Ajax.stubRequest('fake/path1').andReturn({
      status: 200,
      contentType: 'text/plain',
      responseText: 'yay'
    })

    jasmine.Ajax.stubRequest('fake/path2').andReturn({
      status: 200,
      contentType: 'text/plain',
      responseText: 'yay2'
    })

    // ...
  })

  afterAll(function() {
    jasmine.Ajax.uninstall()
  })

  beforeEach(function() {
    callback = jasmine.createSpy('sendResponse')
  })

  it('a spec', function() {

    asynFn('input string', callback)

    expect(jasmine.Ajax.requests.mostRecent().url).toBe('fake/path2')
    expect(callback).toHaveBeenCalled() // faild
  })
})

我在这里错过了什么？

Answer 1

问题是asynFn是异步，并且在expect语句执行后调用的回调y。

认为你的测试就像历史。

• 测试对象（描述）
• asynFn 执行时（beforeEach）
• 那么：应该调用一个方法或回调（它）

将您的代码更改为：

  beforeEach(function() {  
    callback = jasmine.createSpy('sendResponse');  
    asynFn('input string', callback);  
  });

 afterEach(function() {
    callback = null;
 });

  it('a spec', function() {
    expect(jasmine.Ajax.requests.mostRecent().url).toBe('fake/path2')
    expect(callback).toHaveBeenCalled() // faild
  })

如果第一个不起作用，试试这个：

 beforeEach(function(done) {  
      callback = jasmine.createSpy('sendResponse');  
      asynFn('input string', function() {
          callback();
          done(); //<-- This tells jasmine tha async beforeEach is finished
      });  
  });