chore(web): move site under packages

2026-05-18 16:44:02 +09:00
parent 5e9a26c1c5
commit bf96794599
82 changed files with 27 additions and 27 deletions
@@ -0,0 +1,210 @@
+import { test, expect } from "@playwright/test"
+
+test.describe("Landing Page", () => {
+  test("renders hero section with title and CTA", async ({ page }) => {
+    // given
+    await page.goto("/")
+
+    // when
+    const heading = page.getByRole("heading", { name: "The Best Agent Harness", level: 1 })
+    const getStartedButton = page.getByRole("button", { name: "Get Started" })
+
+    // then
+    await expect(page).toHaveTitle(/Oh My OpenAgent/)
+    await expect(heading).toBeVisible()
+    await expect(getStartedButton).toBeVisible()
+  })
+
+  test("renders install command", async ({ page }) => {
+    // given
+    await page.goto("/")
+
+    // when
+    const installCommand = page.getByText("bunx oh-my-openagent install").first()
+
+    // then
+    await expect(installCommand).toBeVisible()
+  })
+
+  test("renders all rendered agent cards", async ({ page }) => {
+    // given
+    await page.goto("/")
+
+    // when / then
+    const agentNames = [
+      "Sisyphus",
+      "Hephaestus",
+      "Oracle",
+      "Librarian",
+      "Explore",
+      "Prometheus",
+      "Metis",
+      "Momus",
+      "Atlas",
+    ]
+    for (const name of agentNames) {
+      await expect(page.getByText(name, { exact: true }).first()).toBeVisible()
+    }
+  })
+
+  test("mobile nav toggles menu", async ({ page }) => {
+    // given
+    await page.setViewportSize({ width: 375, height: 800 })
+    await page.goto("/")
+
+    const mobileNav = page.locator("#mobile-nav")
+    await expect(mobileNav).toBeHidden()
+
+    // when
+    await page.getByRole("button", { name: "Open menu" }).click()
+
+    // then
+    await expect(mobileNav).toBeVisible()
+    await expect(mobileNav.getByRole("link", { name: "Docs", exact: true })).toBeVisible()
+    await expect(mobileNav.getByRole("link", { name: "Manifesto", exact: true })).toBeVisible()
+  })
+
+  test("navigates to docs page", async ({ page }) => {
+    // given
+    await page.goto("/")
+
+    // when
+    await Promise.all([
+      page.waitForURL("**/docs", { timeout: 15000 }),
+      page.getByRole("navigation").getByRole("link", { name: "Docs", exact: true }).click(),
+    ])
+
+    // then
+    await expect(page).toHaveURL(/\/docs/)
+    await expect(page.getByRole("heading", { name: "Configuration Reference" })).toBeVisible()
+  })
+
+  test("navigates to manifesto page", async ({ page }) => {
+    // given
+    await page.goto("/")
+
+    // when
+    await Promise.all([
+      page.waitForURL("**/manifesto", { timeout: 15000 }),
+      page.getByRole("navigation").getByRole("link", { name: "Manifesto", exact: true }).click(),
+    ])
+
+    // then
+    await expect(page).toHaveURL(/\/manifesto/)
+    await expect(page.getByRole("heading", { name: "Ultrawork Manifesto" })).toBeVisible()
+  })
+})
+
+test.describe("Docs Page", () => {
+  test("renders sidebar and config reference", async ({ page }) => {
+    // given
+    await page.goto("/docs")
+
+    // when
+    const heading = page.getByRole("heading", { name: "Configuration Reference" })
+    const sidebarItems = [
+      "Overview",
+      "Installation",
+      "Orchestration",
+      "Agent / Model Matching",
+      "Team Mode",
+      "CLI Reference",
+      "Configuration",
+      "Features",
+      "Manifesto",
+    ]
+
+    // then
+    await expect(heading).toBeVisible()
+    for (const item of sidebarItems) {
+      await expect(page.getByRole("button", { name: item })).toBeVisible()
+    }
+  })
+
+  test("has working search input", async ({ page }) => {
+    // given
+    await page.goto("/docs")
+    const searchInput = page.getByPlaceholder("Search docs...")
+
+    // when
+    await searchInput.fill("agent")
+
+    // then
+    await expect(page.getByRole("button", { name: "Agent / Model Matching" })).toBeVisible()
+  })
+
+  test("sidebar navigation scrolls instantly and highlights active section", async ({ page }) => {
+    // given
+    await page.goto("/docs")
+    const installationButton = page.getByRole("button", { name: "Installation" })
+
+    // when
+    await installationButton.click()
+
+    // then
+    await expect(page).toHaveURL(/\/docs#installation$/)
+    await expect(page.locator("#installation")).toBeInViewport()
+    await expect(installationButton).toHaveClass(/bg-primary\/10/)
+  })
+
+  test("hash navigation opens the installation section", async ({ page }) => {
+    // given / when
+    await page.goto("/docs#installation")
+
+    // then
+    await expect(page.locator("#installation")).toBeInViewport()
+    await expect(page.getByRole("button", { name: "Installation" })).toHaveClass(/bg-primary\/10/)
+  })
+
+  test("internal docs links point to section hashes", async ({ page }) => {
+    // given
+    await page.goto("/docs")
+    const installationGuideLink = page.getByRole("link", { name: "Installation Guide" }).first()
+
+    // when
+    await installationGuideLink.click()
+
+    // then
+    await expect(installationGuideLink).toHaveAttribute("href", "#installation")
+    await expect(page).toHaveURL(/\/docs#installation$/)
+    await expect(page.locator("#installation")).toBeInViewport()
+  })
+
+  test("legacy Korean installation URL redirects to the docs section", async ({ page }) => {
+    // given / when
+    await page.goto("/ko/installation.md")
+
+    // then
+    await expect(page).toHaveURL(/\/ko\/docs#installation$/)
+    await expect(page.locator("#installation")).toBeInViewport()
+  })
+})
+
+test.describe("Manifesto Page", () => {
+  test("renders hero and core philosophy", async ({ page }) => {
+    test.setTimeout(60000)
+    // given
+    await page.goto("/manifesto", { waitUntil: "domcontentloaded", timeout: 45000 })
+
+    // when
+    const heading = page.getByRole("heading", { name: "Ultrawork Manifesto" })
+    const bottleneckText = page.getByText("HUMAN IN THE LOOP = BOTTLENECK").first()
+
+    // then
+    await expect(heading).toBeVisible()
+    await expect(bottleneckText).toBeVisible()
+  })
+
+  test("renders CTA with GitHub link", async ({ page }) => {
+    test.setTimeout(60000)
+    // given
+    await page.goto("/manifesto", { waitUntil: "domcontentloaded", timeout: 45000 })
+
+    // when
+    const ctaLink = page.getByRole("link", { name: /Get Oh My OpenAgent/i })
+
+    // then
+    await expect(ctaLink).toBeVisible()
+    await expect(ctaLink).toHaveAttribute("href", "https://github.com/code-yeongyu/oh-my-openagent")
+  })
+})