58 lines
1.9 KiB
TypeScript
58 lines
1.9 KiB
TypeScript
 
|
import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
|
||
|
|
import { render, screen, fireEvent, act } from "@testing-library/react";
|
||
|
|
import ConfirmResetModal from "./ConfirmResetModal";
|
||
|
|
|
||
|
|
/** Modal focuses via rAF so the panel is laid out first; jsdom needs a flush. */
|
||
|
|
async function flushFocus() {
|
||
|
|
await act(async () => {
|
||
|
|
vi.advanceTimersByTime(20);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
describe("ConfirmResetModal", () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
vi.useFakeTimers({ toFake: ["requestAnimationFrame", "setTimeout"] });
|
||
|
|
});
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
vi.useRealTimers();
|
||
|
|
});
|
||
|
|
|
||
|
|
async function renderModal() {
|
||
|
|
const onConfirm = vi.fn();
|
||
|
|
const onCancel = vi.fn();
|
||
|
|
render(
|
||
|
|
<ConfirmResetModal
|
||
|
|
projectName="api-server"
|
||
|
|
onConfirm={onConfirm}
|
||
|
|
onCancel={onCancel}
|
||
|
|
/>,
|
||
|
|
);
|
||
|
|
await flushFocus();
|
||
|
|
return { onConfirm, onCancel };
|
||
|
|
}
|
||
|
|
|
||
|
|
it("names what will be lost rather than just asking to confirm", async () => {
|
||
|
|
await renderModal();
|
||
|
|
// The whole point of the gate: Reset deletes the volumes, and the two
|
||
|
|
// losses users do not expect are the login and the session transcripts.
|
||
|
|
expect(screen.getByText(/sign in again/i)).toBeInTheDocument();
|
||
|
|
expect(screen.getByText(/session transcript/i)).toBeInTheDocument();
|
||
|
|
// And it must say what is safe, or the warning reads as "you lose everything".
|
||
|
|
expect(screen.getByText(/mounted project folders/i)).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it("does not reset until confirmed", async () => {
|
||
|
|
const { onConfirm, onCancel } = await renderModal();
|
||
|
|
fireEvent.click(screen.getByRole("button", { name: "Cancel" }));
|
||
|
|
expect(onCancel).toHaveBeenCalledTimes(1);
|
||
|
|
expect(onConfirm).not.toHaveBeenCalled();
|
||
|
|
});
|
||
|
|
|
||
|
|
it("resets on confirm", async () => {
|
||
|
|
const { onConfirm } = await renderModal();
|
||
|
|
fireEvent.click(screen.getByRole("button", { name: "Reset container" }));
|
||
|
|
expect(onConfirm).toHaveBeenCalledTimes(1);
|
||
|
|
});
|
||
|
|
});
|