From 3845ed337c502769d33cc22d39d61614c486040a Mon Sep 17 00:00:00 2001
From: Dmytro Stanchiev <git@dmytros.dev>
Date: Sun, 24 May 2026 22:12:22 -0400
Subject: [PATCH] test: add failing tests for Drawer mobile branch in
 EventDialog

---
 tests/event-dialog.test.tsx | 102 ++++++++++++++++++++++++++++--------
 1 file changed, 80 insertions(+), 22 deletions(-)

diff --git a/tests/event-dialog.test.tsx b/tests/event-dialog.test.tsx
index 2b917d0..9102556 100644
--- a/tests/event-dialog.test.tsx
+++ b/tests/event-dialog.test.tsx
@@ -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"');
+  });
 });