import { expect, test } from "./helpers";

// Phase 4b quarantine: the footer Toggle Theme button selector
// (button[title='Toggle Theme']) needs verification against the 2.0 UI which
// hides the footer on mobile and may have changed the toggle mechanism.
test.skip(true, "Phase 4b quarantine: footer theme toggle selector needs 2.0 UI verification");

test.describe("Theme System", () => {
  test("page defaults to light theme", async ({ loggedInPage: page }) => {
    // Check that html element does not have 'dark' class by default
    const html = page.locator("html");
    const classList = await html.getAttribute("class");
    // Default is light, so 'dark' should not be present initially
    // (unless system preference is dark)
    expect(classList).toBeDefined();
  });

  test("footer has theme toggle buttons", async ({ loggedInPage: page }) => {
    // Footer has a "Toggle Theme" button fixed at bottom-right
    const themeBtn = page.locator("button[title='Toggle Theme']");
    await expect(themeBtn).toBeVisible({ timeout: 10_000 });
  });

  test("privacy policy link is in footer", async ({ loggedInPage: page }) => {
    await expect(page.getByText("Privacy Policy")).toBeVisible();
  });
});