feat(FR-1329): add a github action for regression test

Author: nowgnuesLee

.github/workflows/e2e-test.yml

@@ -0,0 +1,109 @@
+# .github/workflows/playwright.yml
+name: Playwright Tests
+
+on:
+  pull_request:
+
+jobs:
+  test:
+    runs-on: [self-hosted, linux, x64]
+    strategy:
+      fail-fast: false
+      matrix:
+        lts:
+          - name: "v25.6"
+            apiEndpoint: "http://10.122.10.224:8090"
+          - name: "v24.09"
+            apiEndpoint: "http://10.122.10.224:8090"
+
+    name: E2E Playwright Tests for LTS ${{ matrix.lts.name }}
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: latest
+          run_install: false
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: ".nvmrc"
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+
+      - name: Copy config.toml.sample to config.toml
+        run: |
+          awk '
+            /^[[:space:]]*$/ { next }
+            /^\[.*\]$/ { if (n++) print ""; print; next }
+            /^[[:space:]]*#[^=]/ { print; next }
+            {
+              line = $0
+              sub(/#.*/, "", line)
+              sub(/[[:space:]]+$/, "", line)
+              if (line != "") print line
+            }
+          ' config.toml.sample > config-cleaned.toml
+
+      - name: Inject apiEndpoint into config.toml
+        run: |
+          EP="${{ matrix.lts.apiEndpoint }}"
+          awk -v ep="$EP" '
+            {
+              if ($0 ~ /^apiEndpoint[[:space:]]*=/) {
+                print "apiEndpoint = \"" ep "\""
+              } else {
+                print
+              }
+            }
+          ' config-cleaned.toml > config.toml
+
+      - name: Upload config.toml artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: config-toml-${{ matrix.lts.name }}
+          path: config.toml
+
+      # - name: Run Relay
+      #   run: pnpm run relay
+
+      # - name: Build project
+      #   run: pnpm run build
+
+      # - name: Serve build at port 9081 (background)
+      #   run: |
+      #     npx serve -s -l 9081 > /dev/null 2>&1 &
+      #     echo "Waiting for server to start..."
+      #     for i in {1..30}; do
+      #       if curl -s http://127.0.0.1:9081 > /dev/null; then
+      #         echo "Server is up!"
+      #         break
+      #       fi
+      #       sleep 1
+      #     done
+
+      # - name: Prepare .env.playwright with local server URL
+      #   run: |
+      #     cp e2e/envs/.env.playwright.sample e2e/envs/.env.playwright
+      #     if grep -q '^BASE_URL=' e2e/envs/.env.playwright; then
+      #       sed -i 's|^BASE_URL=.*|BASE_URL=http://127.0.0.1:9081|' e2e/envs/.env.playwright
+      #     else
+      #       echo 'BASE_URL=http://127.0.0.1:9081' >> e2e/envs/.env.playwright
+      #     fi
+
+      - name: Run Playwright Tests
+        run: pnpm exec playwright test
+
+      # - name: Upload HTML report (on failure)
+      #   if: failure()
+      #   uses: actions/upload-artifact@v4
+      #   with:
+      #     name: playwright-report-${{ matrix.lts.name }}
+      #     path: playwright-report/

playwright.config.ts

@@ -72,9 +72,11 @@ export default defineConfig({
     // },
   ],
   /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://127.0.0.1:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
+  webServer: process.env.CI
+    ? {
+        command: 'concurrently "npm run build:d" "npm run server:d"',
+        url: "http://127.0.0.1:9081",
+        timeout: 1000 * 60 * 5,
+      }
+    : undefined,
 });

tsconfig.json

@@ -25,5 +25,11 @@
     "lib": ["es6", "dom", "es2016", "es2017", "es2020"],
     "preserveWatchOutput": true
   },
-  "include": ["src/components/*", "src/plugins/*", "src/reducers/*", "src/*"]
+  "include": [
+    "src/components/*",
+    "src/plugins/*",
+    "src/reducers/*",
+    "src/*",
+    "playwright.config.ts"
+  ]
 }