Merge pull request #218 from PainterQubits/#203-switch-to-playwright-…

…for-e2e-tests

#203 Switch to Playwright for E2E tests

.eslintrc.json

@@ -9,6 +9,7 @@
     "plugin:react/jsx-runtime",
     "plugin:react-hooks/recommended",
     "plugin:jsx-a11y/recommended",
+    "plugin:jest/recommended",
     "prettier"
   ],
   "rules": {
@@ -21,17 +22,5 @@
       "version": "detect"
     }
   },
-  "overrides": [
-    {
-      "files": "src/**/*.test.{ts,tsx}",
-      "extends": ["plugin:jest/recommended"],
-      "plugins": ["jest"]
-    },
-    {
-      "files": "cypress/**/*.ts",
-      "extends": ["plugin:cypress/recommended"],
-      "plugins": ["cypress"]
-    }
-  ],
   "ignorePatterns": ["paramview/static/"]
 }

.github/workflows/ci.yml

@@ -54,7 +54,7 @@ jobs:
         run: poetry run mypy ${{ env.PACKAGE_NAME }} tests
 
       - name: Test (Pytest)
-        run: poetry run pytest
+        run: poetry run pytest tests/unit
 
   frontend:
     runs-on: ubuntu-latest
@@ -71,29 +71,14 @@ jobs:
       - name: Enable Yarn
         run: corepack enable
 
-      - name: Get Cypress version
-        id: cypress-version
-        run: echo VERSION=$(yarn info cypress --json | jq ".children.Version" -r) >> $GITHUB_OUTPUT
-
-      - name: Cypress cache
-        uses: actions/cache@v3
-        with:
-          path: ~/.cache/Cypress
-          key: cypress-${{ runner.os }}-${{ steps.cypress-version.outputs.VERSION }}
-          restore-keys: |
-            cypress-${{ runner.os }}-
-
       - name: Install Node.js dependencies
         run: yarn
 
-      - name: Prune Cypress cache
-        run: yarn cypress cache prune
-
       - name: Lint
         run: yarn lint
 
       - name: Unit tests
-        run: yarn test:unit
+        run: yarn test
 
   e2e:
     runs-on: ubuntu-latest
@@ -122,39 +107,24 @@ jobs:
       - name: Enable Yarn
         run: corepack enable
 
-      - name: Get Cypress version
-        id: cypress-version
-        run: echo VERSION=$(yarn info cypress --json | jq ".children.Version" -r) >> $GITHUB_OUTPUT
-
-      - name: Cypress cache
-        uses: actions/cache@v3
-        with:
-          path: ~/.cache/Cypress
-          key: cypress-${{ runner.os }}-${{ steps.cypress-version.outputs.VERSION }}
-          restore-keys: |
-            cypress-${{ runner.os }}-
-
       - name: Install Node.js dependencies
         run: yarn
 
-      - name: Prune Cypress cache
-        run: yarn cypress cache prune
+      - name: Install Playwright browsers
+        run: poetry run playwright install --with-deps chromium
 
       - name: Build frontend
         run: yarn build
 
-      - name: Start backend server
-        run: yarn backend start &
-
-      - name: Start frontend server
-        run: yarn preview &
+      - name: Start E2E server
+        run: poetry run python tests/e2e/start_server.py &
 
       - name: E2E tests
-        run: yarn test:e2e
+        run: poetry run pytest tests/e2e
 
       - name: Upload failure screenshots
         uses: actions/upload-artifact@v3
         if: failure()
         with:
-          name: e2e-failure-screenshots
-          path: cypress/screenshots
+          name: e2e-failed-traces
+          path: test-results

.github/workflows/github-pages.yml

@@ -36,24 +36,9 @@ jobs:
       - name: Enable Yarn
         run: corepack enable
 
-      - name: Get Cypress version
-        id: cypress-version
-        run: echo VERSION=$(yarn info cypress --json | jq ".children.Version" -r) >> $GITHUB_OUTPUT
-
-      - name: Cypress cache
-        uses: actions/cache@v3
-        with:
-          path: ~/.cache/Cypress
-          key: cypress-${{ runner.os }}-${{ steps.cypress-version.outputs.VERSION }}
-          restore-keys: |
-            cypress-${{ runner.os }}-
-
       - name: Install Node.js dependencies
         run: yarn
 
-      - name: Prune Cypress cache
-        run: yarn cypress cache prune
-
       - name: Build frontend
         run: yarn build
 

.gitignore

@@ -24,9 +24,8 @@ node_modules/
 # Jest
 coverage/
 
-# Cypress
-cypress/videos/
-cypress/screenshots/
+# Playwright
+test-results/
 
 # Data files
 *.db