feat: bang edit and delete

2026-07-04 18:20:38 -05:00
parent 1a03763e1b
commit 753f653b89
4 changed files with 281 additions and 15 deletions
@@ -0,0 +1,62 @@
+import { expect, test, type Page } from "@playwright/test";
+
+async function ensureSignedIn(page: Page) {
+  await page.goto("/");
+  const devLogin = page.getByRole("button", { name: "Dev login" });
+  if (await devLogin.isVisible().catch(() => false)) {
+    await devLogin.click();
+    await page.waitForURL((url) => !url.pathname.startsWith("/login"));
+  }
+  await expect(page.getByRole("heading", { name: "Dashboard" })).toBeVisible();
+}
+
+function formatBangDate(iso: string): string {
+  const [year, month, day] = iso.split("-").map(Number);
+  const d = new Date(year!, month! - 1, day!);
+  return d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+}
+
+function bangWidget(page: Page) {
+  return page.locator('[data-slot="card"]').filter({
+    has: page.getByRole("heading", { name: "Bang Counter" }),
+  });
+}
+
+test("bangs happy path", async ({ page }) => {
+  const originalDate = "2026-03-10";
+  const editedDate = "2026-04-20";
+
+  await ensureSignedIn(page);
+
+  const widget = bangWidget(page);
+  await expect(widget).toBeVisible();
+
+  await widget.getByRole("button", { name: "Add Bang" }).click();
+  await expect(page.getByRole("dialog", { name: "Record a bang" })).toBeVisible();
+  await page.getByLabel("Date").fill(originalDate);
+  await page.getByRole("button", { name: "Record it" }).click();
+  await expect(page.getByRole("dialog", { name: "Record a bang" })).toBeHidden();
+
+  const originalLabel = formatBangDate(originalDate);
+  await expect(widget.getByText(originalLabel, { exact: true })).toBeVisible();
+
+  await widget.getByRole("button", { name: `Edit bang on ${originalDate}` }).click();
+  await expect(page.getByRole("dialog", { name: "Edit bang" })).toBeVisible();
+  await page.getByLabel("Date").fill(editedDate);
+  await page.getByRole("button", { name: "Save" }).click();
+  await expect(page.getByRole("dialog", { name: "Edit bang" })).toBeHidden();
+
+  const editedLabel = formatBangDate(editedDate);
+  await expect(widget.getByText(editedLabel, { exact: true })).toBeVisible();
+  await expect(widget.getByText(originalLabel, { exact: true })).toBeHidden();
+
+  await widget.getByRole("button", { name: `Delete bang on ${editedDate}` }).click();
+  await expect(page.getByRole("dialog", { name: "Delete bang?" })).toBeVisible();
+  await page
+    .getByRole("dialog", { name: "Delete bang?" })
+    .getByRole("button", { name: "Delete" })
+    .click();
+  await expect(page.getByRole("dialog", { name: "Delete bang?" })).toBeHidden();
+
+  await expect(widget.getByText(editedLabel, { exact: true })).toBeHidden();
+});