[RI-6570] Playwright E2E tests

.github/workflows/code-coverage.yml

@@ -100,6 +100,7 @@ jobs:
         id: findPr
 
       - name: Post or Update Coverage Summary Comment
+        if: ${{ steps.findPr.outputs.number != '' }}
         uses: actions/github-script@v7
         with:
           script: |

.github/workflows/tests-e2e-approve.yml

@@ -0,0 +1,15 @@
+name: ✅ E2E Approve
+
+on:
+  pull_request_review:
+    types: [submitted]
+
+jobs:
+  e2e-approve:
+    runs-on: ubuntu-latest
+    if: github.event.review.state == 'approved'
+    steps:
+      - name: Add "e2e-approved" Label
+        uses: actions-ecosystem/action-add-labels@v1
+        with:
+          labels: e2e-approved

.github/workflows/tests-e2e-docker.yml

@@ -83,7 +83,7 @@ jobs:
           TEST_BIG_DB_DUMP=$TEST_BIG_DB_DUMP \
           RI_SERVER_TLS_CERT="$RI_SERVER_TLS_CERT" \
           RI_SERVER_TLS_KEY="$RI_SERVER_TLS_KEY" \
-          docker compose \
+          docker compose --profile e2e \
           -f tests/e2e/rte.docker-compose.yml \
           -f tests/e2e/docker.web.docker-compose.yml \
           up --abort-on-container-exit --force-recreate

.github/workflows/tests-e2e-playwright.yml

@@ -0,0 +1,100 @@
+name: Playwright E2E Tests
+on:
+  workflow_call:
+    inputs:
+      debug:
+        description: SSH Debug
+        default: false
+        type: boolean
+env:
+  E2E_CLOUD_DATABASE_USERNAME: ${{ secrets.E2E_CLOUD_DATABASE_USERNAME }}
+  E2E_CLOUD_DATABASE_PASSWORD: ${{ secrets.E2E_CLOUD_DATABASE_PASSWORD }}
+  E2E_CLOUD_API_ACCESS_KEY: ${{ secrets.E2E_CLOUD_API_ACCESS_KEY }}
+  E2E_CLOUD_DATABASE_HOST: ${{ secrets.E2E_CLOUD_DATABASE_HOST }}
+  E2E_CLOUD_DATABASE_PORT: ${{ secrets.E2E_CLOUD_DATABASE_PORT }}
+  E2E_CLOUD_DATABASE_NAME: ${{ secrets.E2E_CLOUD_DATABASE_NAME }}
+  E2E_CLOUD_API_SECRET_KEY: ${{ secrets.E2E_CLOUD_API_SECRET_KEY }}
+
+  E2E_RI_ENCRYPTION_KEY: ${{ secrets.E2E_RI_ENCRYPTION_KEY }}
+  RI_ENCRYPTION_KEY: ${{ secrets.RI_ENCRYPTION_KEY }}
+  RI_SERVER_TLS_CERT: ${{ secrets.RI_SERVER_TLS_CERT }}
+  RI_SERVER_TLS_KEY: ${{ secrets.RI_SERVER_TLS_KEY }}
+  TEST_BIG_DB_DUMP: ${{ secrets.TEST_BIG_DB_DUMP }}
+  E2E_VOLUME_PATH: '/usr/src/app'
+
+jobs:
+  e2e-playwright-chromium-docker:
+    name: E2E Playwright Chromium Docker Build Tests
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install dependencies for Playwright tests
+        uses: ./.github/actions/install-deps
+        with:
+          dir-path: './tests/playwright'
+
+      - name: Install Playwright Browsers
+        working-directory: ./tests/playwright
+        run: yarn playwright install --with-deps
+
+      - name: Download Docker Artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: docker-builds
+          path: ./release
+
+      - name: Load built docker image from workspace
+        run: |
+          docker image load -i ./release/docker/docker-linux-alpine.amd64.tar
+
+      - name: Set up redis test environments
+        run: |
+          TEST_BIG_DB_DUMP=$TEST_BIG_DB_DUMP \
+          docker compose -p e2e-rte \
+          -f tests/e2e/rte.docker-compose.yml \
+          up --detach --force-recreate
+
+      - name: Set up RI docker image
+        run: |
+          E2E_RI_ENCRYPTION_KEY="$E2E_RI_ENCRYPTION_KEY" \
+          RI_SERVER_TLS_CERT="$RI_SERVER_TLS_CERT" \
+          RI_SERVER_TLS_KEY="$RI_SERVER_TLS_KEY" \
+          docker compose -p e2e-ri-docker \
+          -f tests/e2e/docker.web.docker-compose.yml \
+          up --detach --force-recreate
+          sleep 30
+
+      - name: Run Playwright tests
+        timeout-minutes: 80
+        working-directory: ./tests/playwright
+        if: ${{ !cancelled() }}
+        run: |
+          yarn test:chromium:docker
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: |
+            ./tests/playwright/test-results
+            ./tests/playwright/allure-results
+            ./tests/playwright/playwright-report
+          retention-days: 10
+
+      - name: Clean up redis test environments
+        if: always()
+        run: |
+          docker compose -p e2e-rte \
+          -f tests/e2e/rte.docker-compose.yml \
+          down --volumes --remove-orphans
+
+      - name: Clean up RI docker image
+        if: always()
+        run: |
+          docker compose -p e2e-ri-docker \
+          -f tests/e2e/docker.web.docker-compose.yml \
+          down --volumes --remove-orphans

.github/workflows/tests-e2e.yml

@@ -0,0 +1,83 @@
+name: ✅ E2E Tests
+
+on:
+  pull_request:
+    types: [labeled]
+
+  workflow_dispatch:
+    inputs:
+      debug:
+        description: Enable SSH Debug (IT and E2E)
+        default: false
+        type: boolean
+
+# Cancel a previous run workflow
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}-e2e
+  cancel-in-progress: true
+
+jobs:
+  # E2E Approve
+  e2e-approve:
+    runs-on: ubuntu-latest
+    if: github.event.action == 'labeled' && contains(github.event.label.name, 'e2e-approved') || github.event_name == 'workflow_dispatch'
+    name: Approve E2E tests
+    steps:
+      - name: Add "e2e-approved" Label
+        uses: actions-ecosystem/action-add-labels@v1
+        with:
+          labels: e2e-approved
+
+  # E2E Docker
+  build-docker:
+    uses: ./.github/workflows/pipeline-build-docker.yml
+    needs: e2e-approve
+    secrets: inherit
+    with:
+      debug: ${{ inputs.debug || false }}
+      for_e2e_tests: true
+
+  e2e-docker-tests:
+    needs: build-docker
+    uses: ./.github/workflows/tests-e2e-docker.yml
+    secrets: inherit
+    with:
+      debug: ${{ inputs.debug || false }}
+
+  tests-e2e-playwright:
+    needs: build-docker
+    uses: ./.github/workflows/tests-e2e-playwright.yml
+    secrets: inherit
+    with:
+      debug: ${{ inputs.debug || false }}
+
+  # E2E AppImage
+  build-appimage:
+    uses: ./.github/workflows/pipeline-build-linux.yml
+    needs: e2e-approve
+    secrets: inherit
+    with:
+      target: build_linux_appimage_x64
+      debug: ${{ inputs.debug || false }}
+
+  e2e-appimage-tests:
+    needs: build-appimage
+    uses: ./.github/workflows/tests-e2e-appimage.yml
+    secrets: inherit
+    with:
+      debug: ${{ inputs.debug || false }}
+
+  clean:
+    uses: ./.github/workflows/clean-deployments.yml
+    if: always()
+    needs: [e2e-docker-tests, e2e-appimage-tests, tests-e2e-playwright]
+
+  # Remove artifacts from github actions
+  remove-artifacts:
+    name: Remove artifacts
+    needs: [e2e-docker-tests, e2e-appimage-tests, tests-e2e-playwright]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Remove all artifacts
+        uses: ./.github/actions/remove-artifacts

.github/workflows/tests.yml

@@ -6,22 +6,12 @@ on:
       - 'fe/**'
       - 'be/**'
       - 'fe-be/**'
-      - 'e2e/**'
       - 'feature/**'
       - 'bugfix/**'
       - 'ric/**'
 
   workflow_dispatch:
     inputs:
-      group_tests:
-        description: Run group of tests
-        default: 'all'
-        type: choice
-        options:
-          - all
-          - without_e2e
-          - only_e2e
-
       redis_client:
         description: Library to use for redis connection
         default: 'ioredis'
@@ -42,10 +32,6 @@ on:
 
   workflow_call:
     inputs:
-      group_tests:
-        description: Run group of tests
-        type: string
-        default: 'without_e2e'
       short_rte_list:
         description: Use short rte list
         type: boolean
@@ -71,7 +57,6 @@ jobs:
       frontend: ${{ steps.filter.outputs.frontend }}
       backend: ${{ steps.filter.outputs.backend }}
       desktop: ${{ steps.filter.outputs.desktop }}
-      e2e: ${{ steps.filter.outputs.e2e }}
     steps:
       - uses: actions/checkout@v4
       - uses: dorny/paths-filter@v3.0.2
@@ -85,12 +70,10 @@ jobs:
               - 'redisinsight/api/**'
             desktop:
               - 'redisinsight/desktop/**'
-            e2e:
-              - 'tests/e2e/**'
 
   frontend-tests:
     needs: changes
-    if: inputs.group_tests == 'all' || inputs.group_tests == 'without_e2e' || startsWith(github.ref_name, 'fe/') || startsWith(github.ref_name, 'fe-be/') || startsWith(github.ref_name, 'feature/') || startsWith(github.ref_name, 'bugfix/') || startsWith(github.ref_name, 'ric/')
+    if: startsWith(github.ref_name, 'fe/') || startsWith(github.ref_name, 'fe-be/') || startsWith(github.ref_name, 'feature/') || startsWith(github.ref_name, 'bugfix/') || startsWith(github.ref_name, 'ric/')
     uses: ./.github/workflows/tests-frontend.yml
     secrets: inherit
 
@@ -104,7 +87,7 @@ jobs:
 
   backend-tests:
     needs: changes
-    if: inputs.group_tests == 'all' || inputs.group_tests == 'without_e2e' || startsWith(github.ref_name, 'be/') || startsWith(github.ref_name, 'fe-be/') || startsWith(github.ref_name, 'feature/') || startsWith(github.ref_name, 'bugfix/') || startsWith(github.ref_name, 'ric/')
+    if: startsWith(github.ref_name, 'be/') || startsWith(github.ref_name, 'fe-be/') || startsWith(github.ref_name, 'feature/') || startsWith(github.ref_name, 'bugfix/') || startsWith(github.ref_name, 'ric/')
     uses: ./.github/workflows/tests-backend.yml
     secrets: inherit
 
@@ -118,7 +101,7 @@ jobs:
 
   integration-tests:
     needs: changes
-    if: inputs.group_tests == 'all' || inputs.group_tests == 'without_e2e' || startsWith(github.ref_name, 'be/') || startsWith(github.ref_name, 'fe-be/') || startsWith(github.ref_name, 'feature/') || startsWith(github.ref_name, 'bugfix/') || startsWith(github.ref_name, 'ric/')
+    if: startsWith(github.ref_name, 'be/') || startsWith(github.ref_name, 'fe-be/') || startsWith(github.ref_name, 'feature/') || startsWith(github.ref_name, 'bugfix/') || startsWith(github.ref_name, 'ric/')
     uses: ./.github/workflows/tests-integration.yml
     secrets: inherit
     with:
@@ -134,49 +117,6 @@ jobs:
       resource_name: integration-coverage
       type: integration
 
-  # # E2E Approve
-  e2e-approve:
-    runs-on: ubuntu-latest
-    needs: changes
-    if: inputs.group_tests == 'all' || inputs.group_tests == 'only_e2e' || startsWith(github.ref_name, 'e2e/')
-    timeout-minutes: 60
-    environment: ${{ startsWith(github.ref_name, 'e2e/') && 'e2e-approve' || 'staging' }}
-    name: Approve E2E tests
-    steps:
-      - uses: actions/checkout@v4
-
-  # E2E Docker
-  build-docker:
-    uses: ./.github/workflows/pipeline-build-docker.yml
-    needs: e2e-approve
-    secrets: inherit
-    with:
-      debug: ${{ inputs.debug || false }}
-      for_e2e_tests: true
-
-  e2e-docker-tests:
-    needs: build-docker
-    uses: ./.github/workflows/tests-e2e-docker.yml
-    secrets: inherit
-    with:
-      debug: ${{ inputs.debug || false }}
-
-  # E2E AppImage
-  build-appimage:
-    uses: ./.github/workflows/pipeline-build-linux.yml
-    needs: e2e-approve
-    secrets: inherit
-    with:
-      target: build_linux_appimage_x64
-      debug: ${{ inputs.debug || false }}
-
-  e2e-appimage-tests:
-    needs: build-appimage
-    uses: ./.github/workflows/tests-e2e-appimage.yml
-    secrets: inherit
-    with:
-      debug: ${{ inputs.debug || false }}
-
   clean:
     uses: ./.github/workflows/clean-deployments.yml
     if: always()
@@ -185,8 +125,6 @@ jobs:
         frontend-tests,
         backend-tests,
         integration-tests,
-        e2e-docker-tests,
-        e2e-appimage-tests,
       ]
 
   # Remove artifacts from github actions
@@ -197,8 +135,6 @@ jobs:
         frontend-tests,
         backend-tests,
         integration-tests,
-        e2e-docker-tests,
-        e2e-appimage-tests,
       ]
     runs-on: ubuntu-latest
     steps:

package.json

@@ -6,6 +6,7 @@
   "private": true,
   "scripts": {
     "dev:ui": "cross-env yarn --cwd redisinsight/ui dev",
+    "dev:ui:coverage": "cross-env COLLECT_COVERAGE=true yarn --cwd redisinsight/ui dev",
     "dev:api": "cross-env yarn --cwd redisinsight/api start:dev",
     "dev:electron:ui": "cross-env RI_APP_PORT=8080 RI_APP_TYPE=ELECTRON NODE_ENV=development yarn --cwd redisinsight/ui dev",
     "dev:electron:api": "cross-env RI_APP_PORT=5540 RI_APP_TYPE=ELECTRON NODE_ENV=development USE_TCP_CLOUD_AUTH=true yarn --cwd redisinsight/api start:dev",
@@ -222,6 +223,7 @@
     "vite-plugin-ejs": "^1.7.0",
     "vite-plugin-electron": "^0.28.6",
     "vite-plugin-electron-renderer": "^0.14.5",
+    "vite-plugin-istanbul": "^7.1.0",
     "vite-plugin-react-click-to-component": "^3.0.0",
     "vite-plugin-svgr": "^4.2.0",
     "webpack": "^5.95.0",