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

const USERNAME = process.env.LOCAL_USERNAME ?? "admin";
const PASSWORD = process.env.LOCAL_PASSWORD ?? "";

test("local username/password login and logout", async ({ page }) => {
  test.skip(!PASSWORD, "LOCAL_PASSWORD not set");

  await page.goto("/");
  await expect(page.getByRole("heading", { name: "Homelab Monitor" })).toBeVisible();

  await page.getByPlaceholder("Username").fill(USERNAME);
  await page.getByPlaceholder("Password").fill(PASSWORD);
  await page.getByRole("button", { name: "Sign in" }).click();

  await expect(page.getByText(USERNAME)).toBeVisible();
  await expect(page.locator(".host-card").first()).toBeVisible({ timeout: 15_000 });

  await page.getByRole("button", { name: "Sign out" }).click();
  await expect(page.getByPlaceholder("Username")).toBeVisible();
});