old4ever/local-cal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: add failing tests for Drawer mobile branch in EventDialog

Browse Source
This commit is contained in:
Dmytro Stanchiev
2026-05-24 22:12:22 -04:00
parent c5ac786e29
commit 3845ed337c
1 changed files with 80 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
tests/event-dialog.test.tsx
View File

@@ -3,31 +3,89 @@ import { readFileSync } from "node:fs";
import { getEventFormValuesFromEvent } from "@/lib/event-form";
describe("EventDialog public modes", () => {
test("accepts AI-prefilled editable initial values through its public props", () => {
const initialValues = getEventFormValuesFromEvent({
title: "AI Draft",
start: "2026-04-09T10:00:00.000Z",
recurrenceRule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=TH",
});
test("accepts AI-prefilled editable initial values through its public props", () => {
const initialValues = getEventFormValuesFromEvent({
title: "AI Draft",
start: "2026-04-09T10:00:00.000Z",
recurrenceRule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=TH",
});
expect(initialValues.title).toBe("AI Draft");
expect(initialValues.start).toBe("2026-04-09T10:00:00.000Z");
expect(initialValues.recurrenceRule).toBe("FREQ=WEEKLY;INTERVAL=1;BYDAY=TH");
});
expect(initialValues.title).toBe("AI Draft");
expect(initialValues.start).toBe("2026-04-09T10:00:00.000Z");
expect(initialValues.recurrenceRule).toBe("FREQ=WEEKLY;INTERVAL=1;BYDAY=TH");
});
test("dialog content uses console surface classes instead of generic border and shadow", () => {
const source = readFileSync("src/components/ui/dialog.tsx", "utf8");
test("dialog content uses console surface classes instead of generic border and shadow", () => {
const source = readFileSync("src/components/ui/dialog.tsx", "utf8");
expect(source).toContain("rounded-[10px]");
expect(source).toContain("shadow-xl");
expect(source).not.toContain("rounded-lg border p-6 shadow-lg");
});
expect(source).toContain("rounded-[10px]");
expect(source).toContain("shadow-xl");
expect(source).not.toContain("rounded-lg border p-6 shadow-lg");
});
test("dialog source uses console section labels and grouped field regions", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
test("dialog source uses console section labels and grouped field regions", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("Event details");
expect(source).toContain("Schedule");
expect(source).toContain("Recurrence");
});
expect(source).toContain("Event details");
expect(source).toContain("Schedule");
expect(source).toContain("Recurrence");
});
test("event-dialog imports Drawer for mobile branch", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain('from "@/components/ui/drawer"');
});
test("event-dialog renders three step components", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("DetailsStep");
expect(source).toContain("ScheduleStep");
expect(source).toContain("RecurrenceStep");
});
test("event-dialog includes step progress bars", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("grid-cols-3");
});
test("event-dialog includes step counter badge", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("/ 3");
});
test("drawer footer shows Cancel on step 1 and Back on steps 2 and 3", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("Cancel");
expect(source).toContain("Back");
});
test("drawer footer shows Save only on step 3", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("Save");
expect(source).toContain("Next");
});
test("event-dialog resets step to 1 on close", () => {
const source = readFileSync("src/components/event-dialog.tsx", "utf8");
expect(source).toContain("setStep(1)");
});
test("dialog.tsx no longer forks on isMobile in DialogContent", () => {
const source = readFileSync("src/components/ui/dialog.tsx", "utf8");
expect(source).not.toContain('isMobile ? undefined : "max-w-lg"');
});
test("dialog.tsx no longer forks on isMobile in DialogFooter", () => {
const source = readFileSync("src/components/ui/dialog.tsx", "utf8");
expect(source).not.toContain('isMobile\n\t\t\t\t? "flex flex-col-reverse gap-2"');
});
});