Nexus/apps/web/e2e/vacations.spec.ts

import { expect, test, type Page } from "@playwright/test";

async function signInAsAdmin(page: Page) {
  await page.goto("/auth/signin");
  await page.fill('input[type="email"]', "admin@nexus.dev");
  await page.fill('input[type="password"]', "admin123");
  await page.click('button[type="submit"]');
  await expect(page).toHaveURL(/\/(dashboard|resources)/);
}

async function fillDisplayDate(page: Page, label: RegExp, value: string) {
  const [year, month, day] = value.split("-");
  await page.getByLabel(label).fill(`${day}/${month}/${year}`);
}

test.describe("Vacations", () => {
  test.describe("My Vacations (self-service)", () => {
    test.beforeEach(async ({ page }) => {
      await signInAsAdmin(page);
      await page.goto("/vacations/my");
    });

    test("my vacations page loads", async ({ page }) => {
      await page.waitForLoadState("networkidle");
      await expect(page.locator("h1", { hasText: "My Vacations" })).toBeVisible({ timeout: 10000 });
    });

    test("request vacation button is visible", async ({ page }) => {
      await page.waitForLoadState("networkidle");
      await expect(page.locator("button", { hasText: /Request Vacation/i })).toBeVisible({
        timeout: 10000,
      });
    });

    test("request vacation is blocked without linked resource", async ({ page }) => {
      await page.waitForLoadState("networkidle");
      const reqBtn = page.locator("button", { hasText: /Request Vacation/i });
      await expect(reqBtn).toBeDisabled();
      await expect(
        page.getByText(
          "Your account is not linked to a resource. Please contact an administrator.",
        ),
      ).toBeVisible({ timeout: 5000 });
    });
  });

  test.describe("Vacation Management", () => {
    test.beforeEach(async ({ page }) => {
      await signInAsAdmin(page);
      await page.goto("/vacations");
    });

    test("vacation management page loads with tabs", async ({ page }) => {
      await page.waitForLoadState("networkidle");
      // Should show List and Team Calendar tabs
      await expect(page.locator("text=List").first()).toBeVisible({ timeout: 10000 });
      await expect(page.locator("text=Team Calendar").first()).toBeVisible({ timeout: 10000 });
    });

    test("team calendar tab renders", async ({ page }) => {
      await page.waitForLoadState("networkidle");
      await page
        .locator("button", { hasText: "Team Calendar" })
        .or(page.locator("text=Team Calendar"))
        .first()
        .click();
      await page.waitForTimeout(500);
      // Calendar view should appear
      await expect(
        page
          .locator("table")
          .or(page.locator("[data-calendar]"))
          .or(page.locator("text=Mon").or(page.locator("text=Week"))),
      ).toBeVisible({ timeout: 10000 });
    });

    test("filter controls are visible on list tab", async ({ page }) => {
      await page.waitForLoadState("networkidle");
      const filters = page.getByRole("combobox");

      await expect(filters).toHaveCount(3);
      await expect(filters.nth(0)).toHaveValue("ALL");
      await expect(filters.nth(1)).toHaveValue("ALL");
      await expect(filters.nth(2)).toHaveValue("");
    });

    test("vacation request preview excludes regional public holidays from deducted days", async ({
      page,
    }) => {
      await page.waitForLoadState("networkidle");
      await page.getByRole("button", { name: /request vacation/i }).click();

      await expect(
        page.getByLabel(/^type/i).locator("option", { hasText: /Public Holiday/i }),
      ).toHaveCount(0);
      await page.getByLabel(/resource/i).selectOption({ label: "Bruce Banner (bruce.banner)" });
      await page.getByLabel(/^type/i).selectOption("ANNUAL");
      await fillDisplayDate(page, /start date/i, "2026-01-06");
      await fillDisplayDate(page, /end date/i, "2026-01-06");

      await expect(page.getByTestId("vacation-preview-card")).toBeVisible({ timeout: 10000 });
      await expect(page.getByTestId("vacation-preview-requested-days")).toHaveText("1");
      await expect(page.getByTestId("vacation-preview-effective-days")).toHaveText("0");
      await expect(page.getByTestId("vacation-preview-deducted-days")).toHaveText("0");
      await expect(page.getByTestId("vacation-preview-public-holidays")).toContainText(
        "2026-01-06",
      );
      await expect(page.getByTestId("vacation-preview-holiday-basis")).toContainText("Germany");
      await expect(page.getByTestId("vacation-preview-holiday-sources")).toContainText(
        "Holiday Calendar",
      );
    });
  });

  test.describe("Admin Holiday Calendar", () => {
    test.beforeEach(async ({ page }) => {
      await signInAsAdmin(page);
      await page.goto("/admin/vacations");
    });

    test("seeded holiday calendars can be selected and previewed", async ({ page }) => {
      await expect(page.getByTestId("holiday-calendar-editor")).toBeVisible({ timeout: 10000 });
      const germanyCalendarRow = page
        .getByTestId(/holiday-calendar-row-/)
        .filter({ hasText: "Referenzfeiertage Deutschland 2026-2027" })
        .first();

      await expect(germanyCalendarRow).toBeVisible({ timeout: 10000 });
      await germanyCalendarRow.click();

      await expect(
        page.getByRole("heading", { name: "Referenzfeiertage Deutschland 2026-2027" }),
      ).toBeVisible({ timeout: 10000 });

      await page.getByTestId("holiday-preview-year-input").fill("2026");
      await expect(page.getByTestId("holiday-preview-table")).toContainText("2026-01-01");
      await expect(page.getByTestId("holiday-preview-table")).toContainText("Neujahr");
    });
  });
});