fiddy/apps/web/e2e/spendings.spec.ts
2026-02-11 23:45:15 -08:00

55 lines
2.5 KiB
TypeScript

import { test, expect } from "@playwright/test";
import { login } from "./test-helpers";
test("seeded entries render with tags and no-tag state", async ({ page }) => {
await login(page, "owner1@fiddy.dev", "FiddyDev123!");
await expect(page).toHaveURL("/");
await expect(page.getByRole("heading", { name: "Entries" })).toBeVisible();
await expect(page.getByText("$12.50")).toBeVisible();
await expect(page.getByText("#Food")).toBeVisible();
await expect(page.getByText("#Travel")).toBeVisible();
await expect(page.getByText("No tags")).toBeVisible();
});
test("entry details modal opens", async ({ page }) => {
await login(page, "owner1@fiddy.dev", "FiddyDev123!");
await expect(page).toHaveURL("/");
await page.getByText("$12.50").click();
await expect(page.getByRole("heading", { name: "Entry details" })).toBeVisible();
await page.getByRole("button", { name: "Close" }).click();
await expect(page.getByRole("heading", { name: "Entry details" })).toBeHidden();
});
test("empty tag callout shows contact admin for members", async ({ page }) => {
await login(page, "admin1@fiddy.dev", "FiddyDev123!");
await expect(page).toHaveURL("/");
const dropdown = page.getByRole("button", { name: /Group:/ });
await dropdown.click();
const waitSetActive = page.waitForResponse(res => res.url().includes("/api/groups/active") && res.request().method() === "POST");
await page.getByRole("button", { name: /Gamma Club/ }).click();
await waitSetActive;
await page.getByRole("button", { name: "Add entry" }).click();
const callout = page.getByRole("button", { name: "No Tags Assigned Yet - Contact Your Group Admin" });
await expect(callout).toBeVisible();
await expect(callout).toBeDisabled();
});
test("empty tag callout navigates to settings for admins", async ({ page }) => {
await login(page, "member1@fiddy.dev", "FiddyDev123!");
await expect(page).toHaveURL("/");
const dropdown = page.getByRole("button", { name: /Group:/ });
await dropdown.click();
const waitSetActive = page.waitForResponse(res => res.url().includes("/api/groups/active") && res.request().method() === "POST");
await page.getByRole("button", { name: /Gamma Club/ }).click();
await waitSetActive;
await page.getByRole("button", { name: "Add entry" }).click();
await page.getByRole("button", { name: "No Tags Assigned Yet - Click To Assign Tags" }).click();
await expect(page).toHaveURL(/\/groups\/[0-9]+\/settings/);
});