fix: complete Tailwind v4 migration

2026-07-22 10:28:27 +08:00
parent 2451403b17
commit b7b8f60cb2
30 changed files with 108 additions and 50 deletions
@@ -99,3 +99,23 @@ test("lets interactive utilities override surface materials", async ({ page }) =
  );
  expect(hoverBackground).not.toBe(restingBackground);
 });
+
+test("preserves v3 menu and panel styling through Tailwind v4", async ({ page }) => {
+  await page.setViewportSize({ width: 1440, height: 900 });
+  await page.goto("/");
+
+  await page.getByLabel("打开用户菜单").click();
+  const menu = page.locator('[role="menu"][data-state="open"]');
+  const menuTransformOrigin = await menu.evaluate(
+    (element) => window.getComputedStyle(element).transformOrigin
+  );
+  expect(menuTransformOrigin).not.toBe("50% 50%");
+
+  await page.keyboard.press("Escape");
+  const agentCommandControl = page.locator(".agent-panel-control.shadow-xs").first();
+  const commandShadow = await agentCommandControl.evaluate(
+    (element) => window.getComputedStyle(element).boxShadow
+  );
+  expect(commandShadow).toContain("rgba(0, 0, 0, 0.05) 0px 1px 2px 0px");
+  expect(commandShadow).not.toContain("0px 1px 3px 0px");
+});