如何使用 spyOn 测试 Promise.all 的功能

Question

我是编码新手，所以请询问是否需要更多信息。

我想用 spyOn 测试 Promise.all 中的 then-block，但从未调用过该函数。

public foo(): void {
    const names = this.getNames();

    Promise.all(
      names.map(name =>
        this.nameService.doSomething( //some params )
      )
    )
      .then(result => this.controller.ok(names))
      .catch(error => {
        //do something
      });
  }

这是测试

it('should call controller.ok when name is set', () => {
    spyOn(nameService, 'doSomething').and.returnValue(Promise.resolve());
    spyOn(controller, 'ok');

    service.foo();

  expect(nameService.doSomething).toHaveBeenCalledWith({
      //some params
    });
  expect(controller.ok).toHaveBeenCalled(); //fails because never called
  });

我已经调试了代码，即使使用正确的参数也调用了 doSomething，代码也到达了 then 块。 但是测试说，它永远不会被调用，所以那里的代码中断了，我不知道为什么？

catch-block 没有被调用。

Answer 1

表示异步操作最终完成或失败的承诺。在您的测试中，当检查是否已调用 controller.ok 时，方法 foo 的 Promise.all 返回的 Promise 尚未解析。因此，您需要某种同步。

一种可能的解决方案如下所示。

it('should call controller.ok when name is set', () => {
    const promises: Promise<any>[] = [];
    spyOn(nameService, 'doSomething').and.callFake(n => {
        const promise = Promise.resolve();
        promises.push(promise);
        return promise;
    });
    spyOn(controller, 'ok');

    service.foo();

    Promise.all(promises)
         .then(r => expect(controller.ok).toHaveBeenCalled());
});

使用fakeAsync 和tick 中的@angular/core/testing 也可以达到同样的效果。

it('should call controller.ok when name is set', fakeAsync(() => {
    spyOn(nameService, 'doSomething').and.returnValue(Promise.resolve());
    spyOn(controller, 'ok');

    service.foo();
    tick();

    expect(controller.ok).toHaveBeenCalled();
}));