用玩笑测试 Angular 11 时找不到名称“异步”

Question

我正在尝试使用 jest 编写 Angular 测试：

beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [BookListComponent],
    }).compileComponents();
  }));

当我启动时：

npm run test:watch 

我收到了这个错误：

错误 TS2304：C annot find name 'async'。

Answer 1

async 不是函数。试试这样：

beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [BookListComponent],
    }).compileComponents();
  });

我不确定您是否甚至需要将该函数标记为异步，因为您没有在 before each 中使用 await。

看看documentation

Answer 2

您必须在 Angular 11 中将 async 更改为 waitForAsync，因为他们更改了它。他们更改了它，因为您在以前的版本中从 @angular/core/testing 导入的 async 类似于 JavaScript 的原生 async，可能会导致混淆。

import { waitForAsync } from '@angular/core/testing';
.....
beforeEach(waitForAsync(() => {
    TestBed.configureTestingModule({
      declarations: [BookListComponent],
    }).compileComponents();
  }));

waitForAsync 的链接。