frontend/src/lib/shared/discussion/PersonMentionEditor.svelte.spec.ts

@@ -409,19 +409,24 @@ describe('PersonMentionEditor — onExit cancels pending debounce', () => {
 		await new Promise((r) => setTimeout(r, SEARCH_DEBOUNCE_MS + POST_DEBOUNCE_SLACK_MS));
 		const fetchesBeforeEscape = fetchMock.mock.calls.length;
 
-		// Trigger a new debounced search (queues runSearch after 150 ms), then
+		// Freeze setTimeout so the 150 ms debounce cannot fire before Escape
-		// immediately Escape *while focus is back in the editor* so Tiptap's
+		// triggers onExit. We install fake timers only now — after the setup
-		// suggestion-plugin Escape handler fires onExit before the debounce.
+		// above — so that vi.waitFor()'s real-timer polling still worked.
-		// Without onExit cancelling the pending debounce, runSearch executes
+		vi.useFakeTimers();
-		// against the now-unmounted dropdown's state.
+		try {
-		await page.getByRole('searchbox').fill('Walter');
+			// fill() dispatches the input event synchronously via CDP; by the
-		// Focus the editor so the Escape lands on Tiptap's suggestion handler.
+			// time the await resolves, onSearch('Walter') has run and the fake
-		(page.getByRole('textbox').element() as HTMLElement).focus();
+			// debounce timer is set.
-		await userEvent.keyboard('{Escape}');
+			await page.getByRole('searchbox').fill('Walter');
-
+			// Focus the editor so the Escape lands on Tiptap's suggestion handler.
-		// Wait past the debounce window. If onExit did not cancel the pending
+			(page.getByRole('textbox').element() as HTMLElement).focus();
-		// debounce, a fetch with q=Walter would still fire here.
+			await userEvent.keyboard('{Escape}');
-		await new Promise((r) => setTimeout(r, SEARCH_DEBOUNCE_MS + POST_DEBOUNCE_SLACK_MS));
+			// onExit has now called debouncedSearch.cancel(). Advance past the
+			// debounce window — the cancelled timer must not fire.
+			await vi.advanceTimersByTimeAsync(SEARCH_DEBOUNCE_MS + POST_DEBOUNCE_SLACK_MS);
+		} finally {
+			vi.useRealTimers();
+		}
 
 		const newFetches = fetchMock.mock.calls.slice(fetchesBeforeEscape);
 		const walterFetches = newFetches.filter(