Add plugin e2e tests and remove cypress (#390)

* Add plugin e2e tests and remove cypress

* empty line added

* playwright config updated

* update e2e; wait load form

* updated e2e and added actions/upload-artifact

* e2e.json updated; png file updated

* docker compose typo updated

* Update workflow

* Add Diff ration

---------

Co-authored-by: Mikhail Volkov <[email protected]>

.eslintignore

@@ -15,3 +15,7 @@ server-mysql/
 server-pg/
 
 __mocks__
+
+# Playwright tests
+playwright.config.ts
+test/panel.spec.ts

.github/workflows/e2e.yml

@@ -27,18 +27,21 @@ jobs:
       - name: Build
         run: npm run build
 
+      - name: Setup playwright browser
+        run: npx playwright install --with-deps chromium
+
       - name: Start Grafana
         run: docker-compose -f docker-compose-e2e.yml up -d
 
       - name: Run e2e tests
-        run: npm run e2e
+        run: npm run test:e2e
 
       - name: Stop Grafana
         run: docker-compose down
 
       - uses: actions/upload-artifact@v4
-        if: failure()
+        if: ${{ !cancelled() }}
         with:
-          path: |
-            cypress/videos
-            cypress/screenshots/actual
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.github/workflows/main.yml

@@ -0,0 +1,50 @@
+name: E2E Main
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+  schedule:
+    - cron: '0 0 * * *'
+
+  workflow_dispatch:
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Sign plugin
+        run: npm run sign
+        env:
+          GRAFANA_ACCESS_POLICY_TOKEN: ${{ secrets.GRAFANA_ACCESS_POLICY_TOKEN }}
+
+      - name: Setup playwright browser
+        run: npx playwright install --with-deps chromium
+
+      - name: Start Grafana
+        run: docker-compose -f test/docker-compose.yml up -d
+
+      - name: Run e2e tests
+        run: npm run test:e2e
+
+      - name: Stop Grafana
+        run: docker-compose down

.gitignore

@@ -28,7 +28,9 @@ e2e-results/
 .idea
 .DS_Store
 
-# Cypress
-cypress/report.json
-cypress/videos/
-cypress/screenshots/actual
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+/playwright/.auth/

CHANGELOG.md

@@ -6,6 +6,7 @@
 
 - Add Checkbox List element (#382)
 - Update syntax support in Code Editor (#383)
+- Add plugin e2e tests and remove cypress (#390)
 
 ## 3.7.0 (2024-03-10)