Jasmine测试报队列仍有计时器错误 RxJS长按监听函数用例排查

算力阿峰

2026-10-6

报错原因

Jasmine 配套的 fakeAsync 工具会在测试运行时劫持全局的 setTimeout 方法，所有创建的定时器都会被记录到内部任务队列中。测试执行结束时如果队列中存在未执行的定时器，就会抛出Error: 1 timer(s) still in the queue.错误。
第二个用例中，触发pointerdown后创建了500ms的定时器，仅tick(300)后就触发pointerup执行clearTimeout：原生的clearTimeout只会阻止定时器回调执行，不会将该定时器记录从fakeAsync的内部队列中移除，测试结束时队列中残留了剩余200ms的定时器记录，因此触发报错。
额外隐患：测试结束后没有主动取消Observable订阅，导致finalize中的事件监听器清理逻辑不会执行，存在测试资源泄漏问题。

修复方案

只需要在第二个用例结束前显式清空fakeAsync的剩余定时器队列，同时主动取消订阅清理资源即可，修改后的测试用例代码如下：

it('2. should not emit if pressing on target for less than 500ms', fakeAsync(() => {
  const target = document.createElement('button');
  const longPressListenerSpy = jasmine.createSpy('longPressListenerSpy');
  // 存储订阅实例用于后续清理
  const subscription = watchForLongPress(target).subscribe({
    next: longPressListenerSpy
  });
  target.dispatchEvent(new Event('pointerdown'));
  tick(300);
  target.dispatchEvent(new Event('pointerup'));
  // 丢弃fakeAsync队列中所有剩余的定时器任务
  discardPeriodicTasks();
  // 主动取消订阅，触发finalize逻辑移除事件监听器
  subscription.unsubscribe();
  expect(longPressListenerSpy).toHaveBeenCalledTimes(0);
}));

如果不想调用discardPeriodicTasks()，也可以选择在触发pointerup后再tick(200)走完剩余的定时器时长，清空队列的效果完全一致。