test: remove cypress + migrate existing tests to playwright (ietf-tools#4781)

* test: remove cypress + migrate existing tests to playwright + update workflows

* ci: remove leftover condition in ci-run-tests workflow

* ci: add missing matrix to tests-playwright-legacy

* ci: run playwright legacy as user 1001

* ci: set home var for firefox

* ci: allow firefox to run as root for tests

Author: NGPixel

.devcontainer/devcontainer.json

@@ -72,6 +72,7 @@
 		"vue.volar",
 		"mrmlnc.vscode-duplicate",
 		"ms-azuretools.vscode-docker",
+        "ms-playwright.playwright",
 		"ms-python.python",
 		"ms-python.vscode-pylance",
 		"mtxr.sqltools-driver-mysql",

.devcontainer/docker-compose.extend.yml

@@ -11,7 +11,7 @@ services:
             - /workspace/.vite
             - /workspace/.yarn/unplugged
             - app-assets:/assets
-            - datatracker-vscode-ext:/root/.vscode-server/extensions
+            # - datatracker-vscode-ext:/root/.vscode-server/extensions
         # Runs app on the same network as the database container, allows "forwardPorts" in devcontainer.json function.
         network_mode: service:db
 

.eslintrc.js

@@ -9,8 +9,7 @@ module.exports = {
   },
   extends: [
     // 'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
-    'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
-    'plugin:cypress/recommended'
+    'plugin:vue/vue3-strongly-recommended' // Priority B: Strongly Recommended (Improving Readability)
   ],
   globals: {
     d3: true

.github/workflows/build.yml

@@ -222,8 +222,8 @@ jobs:
         path: playwright/test-results/
         if-no-files-found: ignore
 
-  tests-cypress:
-    name: Run Tests (Cypress)
+  tests-playwright-legacy:
+    name: Run Tests (Playwright Legacy)
     if: ${{ github.event.inputs.skiptests == 'false' }}
     needs: [prepare]
     runs-on: ubuntu-latest
@@ -262,26 +262,26 @@ jobs:
         /usr/local/bin/wait-for localhost:8000 -- echo "Datatracker ready"
 
     - name: Run all tests
+      env:
+        HOME: ""
       run: |
+        echo "Installing dependencies..."
+        yarn
+        echo "Installing Playwright..."
+        cd playwright
+        mkdir test-results
+        npm ci
+        npx playwright install --with-deps ${{ matrix.project }}
         echo "Running tests..."
-        yarn cypress:legacy
+        npx playwright test --project=${{ matrix.project }} -c playwright-legacy.config.js
         
-    - name: Upload Video Recordings
-      uses: actions/upload-artifact@v3
-      if: ${{ always() }}
-      continue-on-error: true
-      with:
-        name: videos-legacy
-        path: cypress/videos/
-        if-no-files-found: ignore
-        
-    - name: Upload Screenshots
+    - name: Upload Report
       uses: actions/upload-artifact@v3
       if: ${{ always() }}
       continue-on-error: true
       with:
-        name: screenshots-modern
-        path: cypress/screenshots/
+        name: playwright-legacy-results-${{ matrix.project }}
+        path: playwright/test-results/
         if-no-files-found: ignore
 
   # -----------------------------------------------------------------
@@ -290,7 +290,7 @@ jobs:
   release:
     name: Make Release
     if: ${{ always() }}
-    needs: [tests-python, tests-playwright, tests-cypress, prepare]
+    needs: [tests-python, tests-playwright, tests-playwright-legacy, prepare]
     runs-on: ubuntu-latest
     env:
       SHOULD_DEPLOY: ${{needs.prepare.outputs.should_deploy}}

.github/workflows/ci-run-tests.yml

@@ -110,3 +110,67 @@ jobs:
         name: playwright-results-${{ matrix.project }}
         path: playwright/test-results/
         if-no-files-found: ignore
+
+  tests-playwright-legacy:
+    name: Run Tests (Playwright Legacy)
+    runs-on: ubuntu-latest
+    container: ghcr.io/ietf-tools/datatracker-app-base:latest
+    strategy:
+      fail-fast: false
+      matrix:
+        project: [chromium, firefox]
+    
+    services:
+      db:
+        image: ghcr.io/ietf-tools/datatracker-db:latest
+        volumes:
+            - mariadb-data:/var/lib/mysql
+        env:
+            MYSQL_ROOT_PASSWORD: ietf
+            MYSQL_DATABASE: ietf_utf8
+            MYSQL_USER: django
+            MYSQL_PASSWORD: RkTkDPFnKpko
+    
+    steps:
+    - uses: actions/checkout@v3
+    
+    - name: Prepare for tests
+      run: |
+        chmod +x ./dev/tests/prepare.sh
+        sh ./dev/tests/prepare.sh
+        
+    - name: Ensure DB is ready
+      run: |
+        /usr/local/bin/wait-for db:3306 -- echo "DB ready"
+        
+    - name: Start Datatracker
+      run: |
+        echo "Running checks..."
+        ./ietf/manage.py check
+        echo "Starting datatracker..."
+        ./ietf/manage.py runserver 0.0.0.0:8000 --settings=settings_local &
+        echo "Waiting for datatracker to be ready..."
+        /usr/local/bin/wait-for localhost:8000 -- echo "Datatracker ready"
+
+    - name: Run all tests
+      env:
+        HOME: ""
+      run: |
+        echo "Installing dependencies..."
+        yarn
+        echo "Installing Playwright..."
+        cd playwright
+        mkdir test-results
+        npm ci
+        npx playwright install --with-deps ${{ matrix.project }}
+        echo "Running tests..."
+        npx playwright test --project=${{ matrix.project }} -c playwright-legacy.config.js
+        
+    - name: Upload Report
+      uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      continue-on-error: true
+      with:
+        name: playwright-legacy-results-${{ matrix.project }}
+        path: playwright/test-results/
+        if-no-files-found: ignore