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