Add notes module

2026-05-06 04:10:50 -05:00
parent 016d01cc25
commit 5b434702ba
19 changed files with 775 additions and 24 deletions
@@ -0,0 +1,65 @@
+import { expect, test } from "@playwright/test";
+import postgres from "postgres";
+
+const databaseUrl = process.env["DATABASE_URL"] ?? "postgres://famapp:famapp@localhost:5432/famapp";
+
+test("notes happy path", async ({ page }) => {
+  const suffix = Date.now().toString();
+  const title = `E2E Note ${suffix}`;
+  const editedTitle = `E2E Updated ${suffix}`;
+  const body = `# Heading ${suffix}
+
+- Milk
+- Bread
+
+<script>window.__famappInjected = true</script>`;
+  const reminder = "2026-05-20T09:30";
+
+  await page.goto("/notes");
+  await expect(page.getByRole("heading", { name: "Notes" })).toBeVisible();
+
+  await page.getByRole("link", { name: "New note" }).click();
+  await page.getByLabel("Title").fill(title);
+  await page.getByLabel("Body").fill(body);
+  await page.getByLabel("Reminder").fill(reminder);
+  await page.getByRole("button", { name: "Save note" }).click();
+
+  await expect(page).toHaveURL(/\/notes\/[0-9a-f-]+$/);
+  await expect(page.getByRole("heading", { name: new RegExp(title) })).toBeVisible();
+  await expect(page.getByRole("heading", { name: `Heading ${suffix}` })).toBeVisible();
+  await expect(page.getByRole("complementary").getByText("Milk")).toBeVisible();
+  await expect(page.locator("script", { hasText: "window.__famappInjected" })).toHaveCount(0);
+  await expect
+    .poll(() => page.evaluate(() => Reflect.get(window, "__famappInjected")))
+    .toBeUndefined();
+
+  await page.getByRole("button", { name: "Pin note" }).click();
+  await expect(page.getByRole("button", { name: "Unpin note" })).toBeVisible();
+
+  await page.getByLabel("Title").fill(editedTitle);
+  await page.getByRole("button", { name: "Save note" }).click();
+  await expect(page.getByRole("heading", { name: new RegExp(editedTitle) })).toBeVisible();
+
+  const noteId = new URL(page.url()).pathname.split("/").pop();
+  expect(noteId).toBeTruthy();
+
+  const sql = postgres(databaseUrl);
+  try {
+    const reminders = await sql`
+      select entity_type, entity_id, fire_at
+      from reminders
+      where entity_type = 'notes.note' and entity_id = ${noteId}
+    `;
+    expect(reminders).toHaveLength(1);
+    expect(reminders[0]?.entity_type).toBe("notes.note");
+  } finally {
+    await sql.end();
+  }
+
+  await page.goto("/notes");
+  await expect(page.getByRole("link", { name: new RegExp(editedTitle) })).toBeVisible();
+  await page.getByRole("link", { name: new RegExp(editedTitle) }).click();
+  await page.getByRole("button", { name: "Delete note" }).click();
+  await expect(page).toHaveURL(/\/notes$/);
+  await expect(page.getByRole("link", { name: new RegExp(editedTitle) })).toBeHidden();
+});