José Almeida
65 lines
2.6 KiB
TypeScript
65 lines
2.6 KiB
TypeScript
import { act, cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import { SavePresetDialog } from "./save-preset-dialog";
|
|
afterEach(cleanup);
|
|
|
|
function renderDialog(onSave: (label: string, repo: string) => Promise<boolean>) {
|
|
const onOpenChange = vi.fn();
|
|
render(
|
|
<SavePresetDialog
|
|
open
|
|
onOpenChange={onOpenChange}
|
|
kind="pr"
|
|
customQuery="is:open"
|
|
repoFilter="org/repo"
|
|
repoOptions={["org/repo"]}
|
|
suggestedLabel="My review queue"
|
|
onSave={onSave}
|
|
/>,
|
|
);
|
|
return onOpenChange;
|
|
}
|
|
|
|
// @covers AC-INTEGRATIONS-GITHUB-MOBILE-001.1
|
|
describe("SavePresetDialog persistence", () => {
|
|
it("keeps the entered name after failure and closes only after a successful retry", async () => {
|
|
const save = vi.fn().mockResolvedValueOnce(false).mockResolvedValueOnce(true);
|
|
const onOpenChange = renderDialog(save);
|
|
fireEvent.change(screen.getByLabelText("Name"), { target: { value: "New name" } });
|
|
fireEvent.click(screen.getByRole("button", { name: "Save" }));
|
|
await waitFor(() => expect(save).toHaveBeenCalledTimes(1));
|
|
expect(onOpenChange).not.toHaveBeenCalled();
|
|
expect((screen.getByLabelText("Name") as HTMLInputElement).value).toBe("New name");
|
|
await waitFor(() =>
|
|
expect(screen.getByRole("button", { name: "Save" }).hasAttribute("disabled")).toBe(false),
|
|
);
|
|
fireEvent.click(screen.getByRole("button", { name: "Save" }));
|
|
await waitFor(() => expect(onOpenChange).toHaveBeenCalledWith(false));
|
|
expect(save).toHaveBeenLastCalledWith("New name", "org/repo");
|
|
});
|
|
|
|
it("prevents duplicate submission and dismissal while persistence is pending", async () => {
|
|
let finish!: (success: boolean) => void;
|
|
const save = vi.fn(
|
|
() =>
|
|
new Promise<boolean>((resolve) => {
|
|
finish = resolve;
|
|
}),
|
|
);
|
|
const onOpenChange = renderDialog(save);
|
|
const submit = screen.getByRole("button", { name: "Save" });
|
|
fireEvent.click(submit);
|
|
expect(screen.getByRole("button", { name: "Save" })).toBe(submit);
|
|
expect(submit.hasAttribute("disabled")).toBe(true);
|
|
expect(screen.getAllByRole("status")).toHaveLength(1);
|
|
expect(screen.getByRole("status").textContent).toBe("Saving...");
|
|
fireEvent.click(submit);
|
|
fireEvent.click(screen.getByRole("button", { name: "Cancel" }));
|
|
expect(save).toHaveBeenCalledTimes(1);
|
|
expect(onOpenChange).not.toHaveBeenCalled();
|
|
await act(async () => finish(true));
|
|
expect(onOpenChange).toHaveBeenCalledExactlyOnceWith(false);
|
|
expect(screen.queryByRole("status")).toBeNull();
|
|
});
|
|
});
|