Migrate e2e tests from Cypress to Playwright

Replace deprecated @grafana/e2e (Cypress) with @grafana/plugin-e2e (Playwright).
Remove Cypress config/tests, add Playwright config with auth project,
smoke test, CI caching of node_modules, and Grafana version matrix.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Platane

.github/workflows/ci.yml

@@ -14,6 +14,8 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
+    outputs:
+      e2e-matrix: ${{ steps.resolve-versions.outputs.matrix }}
     steps:
       - uses: actions/checkout@v6
       - name: Setup Node.js environment
@@ -22,6 +24,12 @@ jobs:
           node-version: '22'
           cache: 'npm'
 
+      - name: Cache node_modules for future jobs
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: node-modules-${{ hashFiles('package-lock.json') }}
+
       - name: Install dependencies
         run: npm ci
 
@@ -34,15 +42,6 @@ jobs:
       - name: Build frontend
         run: npm run build
 
-      - name: Start grafana docker
-        run: docker compose up -d
-
-      - name: Run e2e tests
-        run: npm run e2e
-
-      - name: Stop grafana docker
-        run: docker compose down
-
       - name: Check for backend
         id: check-for-backend
         run: |
@@ -70,3 +69,69 @@ jobs:
         with:
           version: latest
           args: buildAll
+
+      - name: Upload build artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist
+          path: dist/
+
+      - name: Resolve Grafana E2E versions
+        id: resolve-versions
+        uses: grafana/plugin-actions/e2e-version@e2e-version/v1.2.1
+        with:
+          skip-grafana-react-19-preview-image: false
+
+  e2e:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    needs: build
+    strategy:
+      fail-fast: false
+      matrix:
+        GRAFANA_IMAGE: ${{ fromJson(needs.build.outputs.e2e-matrix) }}
+        QUICKWIT_VERSION: [edge]
+    steps:
+      - uses: actions/checkout@v6
+
+      - name: Download build artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: dist
+          path: dist/
+
+      - name: Restore executable permissions
+        run: chmod +x dist/gpx_quickwit_*
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v6
+        with:
+          node-version: '22'
+
+      - name: Restore node_modules
+        uses: actions/cache/restore@v4
+        with:
+          path: node_modules
+          key: node-modules-${{ hashFiles('package-lock.json') }}
+
+      - name: Install Playwright
+        run: npx playwright install --with-deps chromium
+
+      - name: Start Grafana (${{ matrix.GRAFANA_IMAGE.name }}:${{ matrix.GRAFANA_IMAGE.version }}) + Quickwit (${{ matrix.QUICKWIT_VERSION }})
+        run: docker compose up -d --build
+        env:
+          GRAFANA_VERSION: ${{ matrix.GRAFANA_IMAGE.version }}
+          GRAFANA_IMAGE: ${{ matrix.GRAFANA_IMAGE.name }}
+          QUICKWIT_VERSION: ${{ matrix.QUICKWIT_VERSION }}
+
+      - name: Wait for Grafana and Quickwit to start
+        run: |
+          timeout 60 bash -c 'until curl -sf http://localhost:3000/api/health; do sleep 2; done' || { docker compose logs grafana; exit 1; }
+          timeout 60 bash -c 'until curl -sf http://localhost:7280/health/readyz; do sleep 2; done' || { docker compose logs quickwit; exit 1; }
+
+      - name: Run e2e tests
+        run: npm run e2e
+
+      - name: Stop Grafana
+        if: always()
+        run: docker compose down

.gitignore

@@ -31,8 +31,9 @@ artifacts/
 work/
 ci/
 e2e-results/
-**/cypress/videos
-**/cypress/report.json 
+playwright-report/
+test-results/
+playwright/.auth/
 
 # Editor
 .idea

QA_CHECKLIST.md

@@ -2,7 +2,7 @@ version: '3.0'
 
 services:
   quickwit:
-    image: quickwit/quickwit:edge
+    image: quickwit/quickwit:${QUICKWIT_VERSION:-edge}
     environment:
       - OTEL_EXPORTER_OTLP_TRACES_ENDPOINT=http://localhost:7281
       - QW_ENABLE_OPENTELEMETRY_OTLP_EXPORTER=true
@@ -16,7 +16,7 @@ services:
     build:
       context: ./.config
       args:
-        grafana_version: ${GRAFANA_VERSION:-12.1.0}
+        grafana_version: ${GRAFANA_VERSION:-12.4.0}
         grafana_image: ${GRAFANA_IMAGE:-grafana-oss}
     ports:
       - 3000:3000/tcp