在 Jasmine 中测试异步代码

Question

我正在使用 Jasmine 编写一些测试用例。它看起来像这样：

类定义：

class Person {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }

  getFullName() {
    return this.firstName + this.lastName;
  }

  getName () {
    setTimeout(() => {
      return this.getFullName();
    }, 100)
  }
}

module.exports = Person;

测试代码：

 const Person = require('./index');

 describe('Test Person methods', () => {
  beforeEach(() => {
    programmer = new Person('John', 'Gray');
    spyOn(programmer, 'getFullName');
    programmer.getName();
  });

  it('getName should call getFullName', () => {
    expect(programmer.getFullName).toHaveBeenCalled();
  })
});

getName 是一个异步函数，它会在一段时间后调用getFullName。由于这种异步特性，it 规范在调用getName 后立即执行，因此测试失败。

我知道可以使用 Jasmine 的done 功能进行异步测试，但是这里不知道如何实现？在文档中，done 方法仅在异步代码中被调用，但测试无法访问该代码，因为它由getName 方法在内部处理。

或者有没有其他不使用done方法的方法？

Here 是此代码的工作示例。

Answer 1

我认为您需要将done 参数传递给函数并像这样调用它：

beforeEach((done) => {
    someObj = new SomeClass();
    spyOn(someObj, 'onSuccess');
    someObj.start();
    done();
});

it('start should call onSuccess', (done) => {
    expect(someObj.onSuccess).toHaveBeenCalled();
    done();
});

来源：Jasmine Documentation

Answer 2

您对getName 的实现是错误的。在 javascript 中，要处理来自异步函数的结果，您需要将 callback 传递给异步函数或返回 Promise。一旦你修复了你的实现，那么测试它应该很简单：

使用回调方法：

getName (callback) {
    setTimeout(() => {
        callback(this.getFullName());
    }, 100)
}

beforeEach(done => {
    ...
    programmer.getName(name => { 
      done(); // at this point the async func. has completed
    });
});

使用承诺：

getName () {
    return new Promise(resolve => {
        setTimeout(() => {
            resolve(this.getFullName());
        }, 100)
    }) 
}

beforeEach(done => {
    ...
    programmer
        .getName()
        .then(name => {
            done(); // at this point the async func. has completed
        });
});

编辑：

如果您使用 Promise，您也可以使用 async / await (Jasmine >= 2.7)：

beforeEach(async () => {
    ...
    const name = await programmer.getName();
    // async func has completed here. 
    // await acts like .then() and "waits" for your promise to resolve
    // done wouldn't be needed because there aren't any callbacks
});