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

test.describe("Developer section", () => {
  test("agents page loads with sub-nav tabs", async ({ page }) => {
    await page.goto("/developer/agents");
    await page.waitForSelector(".developer-shell", { timeout: 15_000 });

    const nav = page.locator(".sub-nav");
    await expect(nav.locator("a", { hasText: "Agents" })).toBeVisible();
    await expect(nav.locator("a", { hasText: "Flow" })).toBeVisible();
    await expect(nav.locator("a", { hasText: "Analytics" })).toBeVisible();
  });

  test("agents page shows Coming Soon badge", async ({ page }) => {
    await page.goto("/developer/agents");
    await page.waitForSelector(".placeholder-page", { timeout: 15_000 });

    await expect(page.locator(".placeholder-badge")).toContainText(
      "Coming Soon"
    );
    await expect(page.locator("h2")).toContainText("Agent Builder");
  });

  test("analytics page loads via sub-nav", async ({ page }) => {
    await page.goto("/developer/analytics");
    await page.waitForSelector(".placeholder-page", { timeout: 15_000 });

    await expect(page.locator("h2")).toContainText("Analytics");
    await expect(page.locator(".placeholder-badge")).toContainText(
      "Coming Soon"
    );
  });
});