// @vitest-environment jsdom import { act } from "react"; import { createRoot, type Root } from "react-dom/client"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { afterEach, beforeEach, describe, expect, it, vi } from "vitest"; import type { Issue } from "@paperclipai/shared"; import { useTaskRetry } from "./useTaskRetry"; import { ExecutionBlockerNotice } from "../components/ExecutionBlockerNotice"; import { ApiError } from "../api/client"; import { issuesApi } from "../api/issues"; vi.mock("../api/issues", () => ({ issuesApi: { retryTask: vi.fn() } })); const issue = { id: "task", interruption: { observedRunId: "failed-run" } } as Issue; function View({ task = issue }: { task?: Issue }) { const retry = useTaskRetry(task); return <>{retry.optimistic && Thinking}{retry.takingLonger && Taking longer than usual…}{retry.error && }; } describe("optimistic task Retry", () => { let container: HTMLDivElement, root: Root, client: QueryClient; beforeEach(() => { vi.clearAllMocks(); container = document.createElement("div"); document.body.append(container); root = createRoot(container); client = new QueryClient({ defaultOptions: { mutations: { retry: false } } }); }); afterEach(async () => { await act(async () => root.unmount()); client.clear(); container.remove(); vi.useRealTimers(); }); async function render(task = issue) { await act(async () => root.render()); } it("shows the saved-work continuation path after normal Retry is definitively denied", async () => { const message = "This attempt already recorded a result. Send a new message on the task to continue from the saved work."; vi.mocked(issuesApi.retryTask).mockRejectedValue(new ApiError(message, 409, { error: message, details: { code: "chat_failed_run_retry_not_authorized", reason: "accepted_result_without_new_input" } })); await render(); await act(async () => container.querySelector("button")!.click()); expect(issuesApi.retryTask).toHaveBeenCalledExactlyOnceWith("task", { observedRunId: "failed-run", idempotencyKey: expect.any(String), }); expect(container.querySelector('[role="alert"]')?.textContent).toContain(message); expect(container.textContent).not.toContain("Thinking"); expect(container.textContent).not.toContain("Taking longer"); }); it("paints Thinking before admission resolves and shares the same request across double clicks", async () => { let settle!: (value: Awaited>) => void; vi.mocked(issuesApi.retryTask).mockImplementation(() => new Promise(resolve => { settle = resolve; })); await render(); await act(async () => container.querySelector("button")!.click()); expect(container.textContent).toContain("Thinking"); const request = vi.mocked(issuesApi.retryTask).mock.calls[0][1]; await act(async () => container.querySelector("button")!.click()); expect(vi.mocked(issuesApi.retryTask).mock.calls[1][1]).toEqual(request); await act(async () => { settle({ requestId: "intent", accepted: true, stale: false, presentation: null }); }); await act(async () => { await new Promise(resolve => setTimeout(resolve, 10)); }); expect(container.textContent).not.toContain("Thinking"); }); it("reconciles an unknown admission with the original idempotency key after ten seconds", async () => { vi.useFakeTimers(); vi.mocked(issuesApi.retryTask).mockImplementation(() => new Promise(() => {})); await render(); await act(async () => container.querySelector("button")!.click()); await act(async () => { await vi.advanceTimersByTimeAsync(10_000); }); expect(container.textContent).toContain("Taking longer than usual…"); expect(issuesApi.retryTask).toHaveBeenCalledTimes(2); expect(vi.mocked(issuesApi.retryTask).mock.calls[1]).toEqual(vi.mocked(issuesApi.retryTask).mock.calls[0]); }); it("does not let an old task response settle a newer task's optimistic request", async () => { const settlements: Array<(value: Awaited>) => void> = []; vi.mocked(issuesApi.retryTask).mockImplementation(() => new Promise(resolve => settlements.push(resolve))); await render(); await act(async () => container.querySelector("button")!.click()); await render({ ...issue, id: "other-task" }); await act(async () => container.querySelector("button")!.click()); await act(async () => settlements[0]({ requestId: "old", accepted: true, stale: false, presentation: null })); expect(container.textContent).toContain("Thinking"); }); });