Feature/design0822

.github/workflows/ci.yml

@@ -13,7 +13,7 @@ on:
   workflow_dispatch:
     inputs:
       run_tests:
-        description: "执行测试（lint + 类型检查）"
+        description: "执行测试（lint + 类型检查 + E2E）"
         type: boolean
         default: true
       run_build:
@@ -43,3 +43,41 @@ jobs:
         run: npm run lint
       - name: Type check
         run: npx tsc --noEmit
+
+  ui-e2e:
+    name: UI E2E tests (Playwright)
+    runs-on: ubuntu-latest
+    if: ${{ github.event_name != 'workflow_dispatch' || github.event.inputs.run_tests == 'true' }}
+    steps:
+      - uses: actions/checkout@v5
+        with:
+          submodules: 'recursive'
+          token: ${{ secrets.GITHUB_TOKEN }}
+      - name: Set up Node
+        uses: actions/setup-node@v5
+        with:
+          node-version: '22'
+          cache: 'npm'
+          cache-dependency-path: 'package-lock.json'
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright browser
+        run: npx playwright install --with-deps chromium
+      - name: Run E2E tests
+        env:
+          CI: 'true'
+        run: npx playwright test
+      - name: Upload Playwright report
+        if: ${{ !cancelled() }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 14
+      - name: Upload Playwright traces
+        if: ${{ failure() }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-traces
+          path: test-results/
+          retention-days: 7

.gitignore

@@ -26,6 +26,11 @@ dist-ssr
 target
 tsconfig.app.tsbuildinfo
 tsconfig.node.tsbuildinfo
+
+# Playwright
+/playwright-report/
+/playwright/.cache/
+/test-results/
 .history
 target
 tsconfig.app.tsbuildinfo