尽管在 fakeAsync 中刷新，但计时器仍在队列中

问题描述

我有这个测试会导致臭名昭著的“1个计时器仍在队列中”错误：

import {
discardPeriodicTasks,fakeAsync,flush,flushMicrotasks,tick
} from "@angular/core/testing";

describe("Sleep",() => {
  const sleep = (ms: number) => new Promise(resolve => setTimeout(resolve,ms));

  it("should sleep async",async () => {
    let slept = false;
    await sleep(0).then(() => (slept = true));
    expect(slept).toBeTruthy();
  });

  it("should sleep fakeAsync",fakeAsync(async () => {
    let slept = false;
    await sleep(0).then(() => (slept = true));
    flush();
    flushMicrotasks();
    discardPeriodicTasks();
    tick(1000);
    expect(slept).toBeTruthy();
  }));
});

包括来自 this answer 的提示在内的任何刷新或滴答都不会摆脱计时器。我还可以做些什么？没有 fakeAsync() 的变体工作正常。

Stackblitz：https://stackblitz.com/edit/test-jasmine-karma-fakeasync-timer?file=app/test.ts

解决方法

无论出于何种原因，如果您将 sleep(0) Promise 转换为 Observable，它都会起作用。

it("should sleep fakeAsync",fakeAsync(async () => {
  let slept = false;
  //await sleep(0).then(() => (slept = true));
  from(sleep(0)).subscribe(() => (slept = true));
  expect(slept).toBeFalsy();
  tick(0);
  expect(slept).toBeTruthy();
}));

我遇到了来自 Rxjs 的 debounceTime 的类似问题，其中没有任何 flush()、flushMicroTasks() 或 discardPeriodicTasks() 会释放去抖动。然而，在我的情况下，我能够通过在我的期望完成后以足够大的时间值调用 tick() 来解决我的问题，以允许 debounceTime 完成。