66 lines
2.5 KiB
TypeScript
66 lines
2.5 KiB
TypeScript
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();
|
|
});
|