feat(ci): add automated e2e testing workflow

- Separate deploy-staging and e2e-tests into new deploy-staging.yaml workflow
- Maintain dependency for e2e on deploy-staging

Author: WilsonNet

.github/workflows/ci.yaml

@@ -218,29 +218,4 @@ jobs:
       - name: Update Coverage Badge
         uses: we-cli/coverage-badge-action@main
 
-  deploy-staging:
-    if: github.event_name == 'push' && github.ref == format('refs/heads/{0}', github.event.repository.default_branch)
-    runs-on: ubuntu-latest
-    needs:
-      - lint-js
-      - build-front
-      - lint-and-unit-test-django
-      - integration-test-django
-    steps:
-      - name: Configure staging host authenticity
-        run: |
-          mkdir -p ~/.ssh/ && chmod 700 ~/.ssh/
-          touch ~/.ssh/known_hosts && chmod 600 ~/.ssh/known_hosts
-          echo "$SSH_HOSTKEY" > ~/.ssh/known_hosts
-        env:
-          SSH_HOSTKEY: ${{ secrets.STAGING_HOSTKEY }}
 
-      - name: Deploy to staging
-        run: |
-          eval $(ssh-agent -s)
-          echo "$SSH_KEY" | ssh-add - >/dev/null
-          ssh "${SSH_USER}@${SSH_HOST}" "deploy ${GITHUB_SHA}"
-        env:
-          SSH_USER: ${{ secrets.STAGING_USER }}
-          SSH_HOST: ${{ secrets.STAGING_HOST }}
-          SSH_KEY: ${{ secrets.STAGING_KEY }}

.github/workflows/deploy-staging.yaml

@@ -0,0 +1,82 @@
+name: Deploy Staging and E2E
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+      - ready_for_review
+
+concurrency:
+  group: deploy-${{ github.ref }}
+  cancel-in-progress: true
+
+env:
+  CI: true
+
+jobs:
+  deploy-staging:
+    if: github.event_name == 'push' && github.ref == format('refs/heads/{0}', github.event.repository.default_branch)
+    runs-on: ubuntu-latest
+    needs:
+      - lint-js
+      - build-front
+      - lint-and-unit-test-django
+      - integration-test-django
+    steps:
+      - name: Configure staging host authenticity
+        run: |
+          mkdir -p ~/.ssh/ && chmod 700 ~/.ssh/
+          touch ~/.ssh/known_hosts && chmod 600 ~/.ssh/known_hosts
+          echo "$SSH_HOSTKEY" > ~/.ssh/known_hosts
+        env:
+          SSH_HOSTKEY: ${{ secrets.STAGING_HOSTKEY }}
+
+      - name: Deploy to staging
+        run: |
+          eval $(ssh-agent -s)
+          echo "$SSH_KEY" | ssh-add - >/dev/null
+          ssh "${SSH_USER}@${SSH_HOST}" "deploy ${GITHUB_SHA}"
+        env:
+          SSH_USER: ${{ secrets.STAGING_USER }}
+          SSH_HOST: ${{ secrets.STAGING_HOST }}
+          SSH_KEY: ${{ secrets.STAGING_KEY }}
+
+  e2e-tests:
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+    needs: deploy-staging
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Fetch node_modules
+        uses: actions/cache@v4
+        id: fetch-node_modules
+        with:
+          key: node_modules-${{ runner.os }}-${{ hashFiles('./dashboard/pnpm-lock.yaml') }}
+          path: ./dashboard/node_modules
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.2
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: './dashboard/.nvmrc'
+
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps
+        working-directory: ./dashboard
+
+      - name: Wait for staging deployment to be ready
+        run: sleep 180
+
+      - name: Run e2e tests against staging
+        run: pnpm e2e
+        working-directory: ./dashboard
+        env:
+          PLAYWRIGHT_TEST_BASE_URL: https://staging.dashboard.kernelci.org:9000