feat: add sheet component and docs qa baseline

2026-03-19 18:46:20 +08:00
parent 71ebb010b9
commit f318f94c9a
28 changed files with 1799 additions and 91 deletions
@@ -0,0 +1,32 @@
+import { expect, test } from "@playwright/test";
+
+test("storybook button, select, and reduced-motion form stories stay interactive", async ({
+  page
+}) => {
+  await page.goto("/");
+  await expect(page).toHaveTitle(/storybook/i);
+
+  await page.goto("/iframe.html?id=components-button--playground&viewMode=story");
+  const button = page.getByRole("button", { name: "Save changes" });
+  await expect(button).toBeVisible();
+  await button.focus();
+  await expect(button).toBeFocused();
+
+  await page.goto("/iframe.html?id=components-select--playground&viewMode=story");
+  const selectTrigger = page.locator('[data-slot="trigger"]').first();
+  await expect(selectTrigger).toBeVisible();
+  await selectTrigger.click();
+  await expect(page.getByRole("option", { name: "Legal review" })).toBeVisible();
+
+  await page.goto(
+    "/iframe.html?id=components-form--launch-settings&viewMode=story&globals=motion:reduced"
+  );
+  await page.getByRole("textbox", { name: "Email address" }).fill("team@cadence.dev");
+  await page.getByRole("combobox", { name: "Review lane" }).click();
+  await page.getByRole("option", { name: "Legal" }).click();
+  await page.getByRole("textbox", { name: "Launch summary" }).fill(
+    "This release coordinates approvals, copy, and rollout risks."
+  );
+  await page.getByRole("button", { name: "Save settings" }).click();
+  await expect(page.locator("pre code").last()).toContainText('"role": "legal"');
+});