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

test.describe("Mission Control App", () => {
  test("displays the main heading", async ({ page }) => {
    await page.goto("/");

    await expect(page.getByText("Mission Control")).toBeVisible();
  });

  test("displays the tagline", async ({ page }) => {
    await page.goto("/");

    await expect(
      page.getByText("What should you be doing right now?")
    ).toBeVisible();
  });

  test("has dark mode styling", async ({ page }) => {
    await page.goto("/");

    // Check that the page has dark background (zinc-900)
    const body = page.locator("body");
    await expect(body).toHaveClass(/bg-surface/);
  });
});