fix: rare issue where previous test mistakes would show in a new test

Author: Miodec

frontend/src/ts/test/test-ui.ts

@@ -26,7 +26,10 @@ import {
 } from "./funbox/list";
 import * as TestState from "./test-state";
 import * as PaceCaret from "./pace-caret";
-import { requestDebouncedAnimationFrame } from "../utils/debounced-animation-frame";
+import {
+  cancelPendingAnimationFramesStartingWith,
+  requestDebouncedAnimationFrame,
+} from "../utils/debounced-animation-frame";
 import * as SoundController from "../controllers/sound-controller";
 import * as Numbers from "@monkeytype/util/numbers";
 import * as TestStats from "./test-stats";
@@ -165,6 +168,7 @@ export function setResultCalculating(val: boolean): void {
 
 export function reset(): void {
   currentTestLine = 0;
+  cancelPendingAnimationFramesStartingWith("test-ui");
 }
 
 export function focusWords(force = false): void {

frontend/src/ts/utils/debounced-animation-frame.ts

@@ -19,3 +19,15 @@ function cancelIfPending(frameId: string): void {
     pendingFrames.delete(frameId);
   }
 }
+
+export function cancelPendingAnimationFrame(frameId: string): void {
+  cancelIfPending(frameId);
+}
+
+export function cancelPendingAnimationFramesStartingWith(prefix: string): void {
+  for (const frameId of pendingFrames.keys()) {
+    if (frameId.startsWith(prefix)) {
+      cancelIfPending(frameId);
+    }
+  }
+}