基于Sinon.js在测试中切换虚拟与真实时间的方案探讨

1. 更优的虚实时间切换方式 #

• 采用Sinon假计时器+微任务显式触发的组合模式，规避直接切换虚实时间带来的时序混乱：
  • 初始化虚拟时间时，用sinon.useFakeTimers({ now: Date.now() })对齐真实时间基准，避免虚拟时间起始点偏差。
  • 需推进Promise解析时，不要直接切换回真实时间，而是在虚拟时间推进后显式触发微任务队列：

    // 推进虚拟时间到目标节点
    clock.tick(1000);
    // 触发微任务，确保Promise回调执行
    await Promise.resolve();
    

  • 若必须临时使用真实时间，调用clock.restore()完全销毁虚拟计时器，完成真实时间操作后重新初始化虚拟计时器，杜绝半切换状态。

2. 使用timerUtils时确保始终回归虚拟时间 #

• 给timerUtils添加强制重置机制：
  • 在timerUtils中新增restoreVirtualTimer方法，强制销毁并重新初始化虚拟计时器：

    // timerUtils.js
    export function restoreVirtualTimer() {
      if (sinon.clock) sinon.clock.restore();
      sinon.useFakeTimers({ now: Date.now() });
    }
    

  • 在测试用例的afterEach钩子中固定调用该方法，无论测试是否异常，都强制拉回虚拟时间环境：

    afterEach(() => {
      timerUtils.restoreVirtualTimer();
    });
    

  • 所有时间相关操作必须通过timerUtils封装的方法执行，禁止直接操作sinon.clock，统一管控时间状态。

3. 让enableFurtherWait不阻塞Promise #

• 重构enableFurtherWait的实现逻辑，避免占用微任务队列：
  • 若用于触发异步流程，直接返回已resolve的Promise，无需依赖真实计时器：

    // 优化后的写法
    function enableFurtherWait() {
      return Promise.resolve();
    }
    

  • 若需等待特定条件，改用主动监听模式，条件满足时即时resolve：

    function enableFurtherWait(condition) {
      return new Promise(resolve => {
        const check = () => condition() ? resolve() : requestAnimationFrame(check);
        check();
      });
    }
    

  • 将enableFurtherWait与被测单元的Promise链式调用，无需额外await触发后续逻辑，保证时序连贯：

    // 测试逻辑示例
    await enableFurtherWait().then(() => {
      uut.executeNextStep();
    });
    

内容的提问来源于stack exchange，提问作者weshouman