test: design-lab 加 E2e 防画面偏差——结构契约断言 + 五页视觉基线（reducedMotion 稳定截图）

apps/design-lab/playwright.config.ts

@@ -0,0 +1,25 @@
+import { defineConfig, devices } from '@playwright/test'
+
+/**
+ * 设计系统 E2E：防止后续改动出现画面偏差。
+ * - pages.spec：结构契约断言（规格级：描边/投影/比例/半嵌坐标）
+ * - visual.spec：整页截图基线（像素级回归）
+ * 截图基线在 e2e/__screenshots__/，需随代码一起提交；
+ * 有意的设计变更请运行 `yarn test:e2e -- --update-snapshots` 后提交新基线。
+ */
+export default defineConfig({
+  testDir: 'e2e',
+  timeout: 30_000,
+  fullyParallel: true,
+  use: {
+    baseURL: 'http://localhost:4490',
+    // 卡片尊重 prefers-reduced-motion：翻转关闭、动画停用，截图才稳定
+    contextOptions: { reducedMotion: 'reduce', viewport: { width: 1280, height: 900 } },
+  },
+  webServer: {
+    command: 'yarn preview --port 4490 --strictPort',
+    url: 'http://localhost:4490/index.html',
+    reuseExistingServer: true,
+  },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+})