chore: import upstream snapshot with attribution

2026-07-13 12:58:18 +08:00
commit 6d5d58c1a9
18293 changed files with 3502153 additions and 0 deletions
@@ -0,0 +1,54 @@
+/**
+ * E2E spec for the Declarative UI: Hashbrown demo. Selectors match the
+ * chart/metric components' `data-testid` hooks. Covers 3 suggestion
+ * flows + page-load smoke; timeouts are streaming-friendly because
+ * hashbrown assembles UI progressively from structured output.
+ */
+import { test, expect } from "@playwright/test";
+
+test.describe("Declarative UI: Hashbrown", () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto("/demos/declarative-hashbrown");
+  });
+
+  test("page loads with header, suggestion pills, and chat composer", async ({
+    page,
+  }) => {
+    await expect(
+      page.getByRole("heading", { name: "Declarative UI: Hashbrown" }),
+    ).toBeVisible();
+    await expect(page.getByText("Sales dashboard").first()).toBeVisible();
+    await expect(page.getByText("Revenue by category").first()).toBeVisible();
+    await expect(page.getByText("Expense trend").first()).toBeVisible();
+  });
+
+  test("sales-dashboard suggestion triggers a hashbrown render", async ({
+    page,
+  }) => {
+    await page.getByText("Sales dashboard").first().click();
+
+    const metricCard = page.locator('[data-testid="metric-card"]').first();
+    const chart = page
+      .locator('[data-testid="bar-chart"], [data-testid="pie-chart"]')
+      .first();
+
+    await expect(metricCard).toBeVisible({ timeout: 60000 });
+    await expect(chart).toBeVisible({ timeout: 60000 });
+  });
+
+  test("revenue-by-category suggestion renders a pie chart", async ({
+    page,
+  }) => {
+    await page.getByText("Revenue by category").first().click();
+    await expect(page.locator('[data-testid="pie-chart"]').first()).toBeVisible(
+      { timeout: 60000 },
+    );
+  });
+
+  test("expense-trend suggestion renders a bar chart", async ({ page }) => {
+    await page.getByText("Expense trend").first().click();
+    await expect(page.locator('[data-testid="bar-chart"]').first()).toBeVisible(
+      { timeout: 60000 },
+    );
+  });
+});