如何解决尽管在 fakeAsync 中刷新,但计时器仍在队列中
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
完成。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。