fix: restore control typography and hover states

2026-07-21 18:50:22 +08:00
parent 9b74d9bbab
commit 2451403b17
2 changed files with 46 additions and 13 deletions
@@ -67,3 +67,35 @@ test("renders map notices through a single toaster", async ({ page }) => {

  await expect(page.locator("[data-sonner-toast]")).toHaveCount(1);
 });
+
+test("preserves compact typography in header and agent controls", async ({ page }) => {
+  await page.setViewportSize({ width: 1440, height: 900 });
+  await page.goto("/");
+
+  const headerControl = page.locator("header.acrylic-navigation button.font-semibold:visible").first();
+  const approvalControl = page.getByRole("button", { name: "权限批准模式" });
+  const suggestion = page.locator("[aria-label=推荐问题] button").first();
+
+  await expect(headerControl).toHaveCSS("font-weight", "600");
+  await expect(approvalControl).toHaveCSS("font-size", "12px");
+  await expect(approvalControl).toHaveCSS("line-height", "16px");
+  await expect(suggestion).toHaveCSS("font-size", "12px");
+  await expect(suggestion).toHaveCSS("font-weight", "500");
+});
+
+test("lets interactive utilities override surface materials", async ({ page }) => {
+  await page.goto("/");
+  await page.addStyleTag({ content: "*,*::before,*::after{transition:none!important}" });
+
+  const suggestion = page.locator("[aria-label=推荐问题] button").first();
+  const restingBackground = await suggestion.evaluate(
+    (element) => window.getComputedStyle(element).backgroundColor
+  );
+
+  await suggestion.hover();
+
+  const hoverBackground = await suggestion.evaluate(
+    (element) => window.getComputedStyle(element).backgroundColor
+  );
+  expect(hoverBackground).not.toBe(restingBackground);
+});