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

test("renders the fine-grained fake graph and opens exact fields", async ({ page }) => {
  await page.goto("/");
  await expect(page.getByText("Mission Control")).toBeVisible();
  await expect(page.getByText("FAKE DATA")).toBeVisible();
  await expect(page.locator(".flowCard")).toHaveCount(103);
  await page.screenshot({ path: "../test-artifacts/mission-control.png" });
  await page.locator('[data-node-id="root-delivery:artifact"]').click();
  await expect(page.locator(".inspector")).toBeVisible();
  await expect(page.locator(".modelBanner")).toContainText("RootDeliveryManifestV1");
  await expect(page.locator(".inspectorScroll")).toContainText("legacy_projection_digest");
  await page.getByRole("button", { name: "字段合同" }).click();
  await expect(page.locator(".contractFields li")).toHaveCount(8);
});