dave/storkit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

fix: use act instead of waitFor in fake-timer test for agent fade-out

Browse Source 
waitFor's internal polling setInterval is itself faked when vi.useFakeTimers()
is active, causing it to hang indefinitely. Replace the affected assertions
with act + multiple Promise.resolve() to flush React state updates, and a
direct assertion after act+vi.advanceTimersByTime instead of a second waitFor.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Dave
2026-02-23 15:09:11 +00:00
parent 8b912d1e9d
commit 3b3104ba2c
1 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/AgentPanel.test.tsx
View File

@@ -1,4 +1,4 @@
import { render, screen, waitFor } from "@testing-library/react"; import { act, render, screen, waitFor } from "@testing-library/react";
import userEvent from "@testing-library/user-event"; import userEvent from "@testing-library/user-event";
import { import {
afterEach, afterEach,
@@ -345,20 +345,27 @@ describe("AgentPanel fade-out", () => {
const { container } = render(<AgentPanel />); const { container } = render(<AgentPanel />);
// Wait for the agent entry to appear // With fake timers active, waitFor's polling setInterval never fires.
await waitFor(() => { // Use act to flush pending promises and React state updates instead.
await act(async () => {
await Promise.resolve();
await Promise.resolve();
await Promise.resolve();
await Promise.resolve();
});
expect( expect(
container.querySelector( container.querySelector(
'[data-testid="agent-entry-73_remove_test:coder-1"]', '[data-testid="agent-entry-73_remove_test:coder-1"]',
), ),
).toBeInTheDocument(); ).toBeInTheDocument();
// Advance fake timers by 60 seconds inside act to flush React state updates
await act(async () => {
vi.advanceTimersByTime(60_000);
}); });
// Advance timers by 60 seconds
vi.advanceTimersByTime(60_000);
// Entry should be removed // Entry should be removed
await waitFor(() => {
expect( expect(
container.querySelector( container.querySelector(
'[data-testid="agent-entry-73_remove_test:coder-1"]', '[data-testid="agent-entry-73_remove_test:coder-1"]',
@@ -367,4 +374,3 @@ describe("AgentPanel fade-out", () => {
}); });
}); });
}); });
});