use playwright in all apps (#1417)

.github/workflows/e2e-apps.yml

@@ -31,12 +31,9 @@ on:
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
-  cypress-run:
+  e2e-run:
+    timeout-minutes: 30
     runs-on: ubuntu-latest
-    container:
-      image: cypress/browsers:node-20.14.0-chrome-126.0.6478.114-1-ff-127.0.1-edge-126.0.2592.61-1
-      options: --user 1001
-
     strategy:
       fail-fast: false
       matrix:
@@ -67,33 +64,24 @@ jobs:
           cache: 'yarn'
           cache-dependency-path: yarn.lock
 
-      # Set up GitHub Actions caching for Wireit.
-      # - uses: google/wireit@setup-github-actions-caching/v1.0.2
-
-      # - run: echo '${{ toJSON(steps.setup_node_id.outputs) }}'
-      # - if: ${{ steps.setup_node_id.outputs.cache-hit != 'true' }}
       - name: yarn install
         run: yarn --frozen-lockfile
 
+      - name: Install Playwright Browsers
+        run: yarn playwright install --with-deps
+
       - name: Build dependencies
         run: yarn zz:wsrun-stages --recursive -p @noshiro/${{ matrix.app_name }} -c build
 
-      - name: Cypress run on Chrome
-        uses: cypress-io/[email protected]
+      - name: Run Playwright tests
+        run: yarn workspace @noshiro/${{ matrix.app_name }} e2e
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
         with:
-          browser: chrome
-          install: false
-          working-directory: packages/apps/${{ matrix.app_name }}/cypress
-          spec: cypress/e2e/**/*.cy.ts
-          start: yarn start:dev-server
-          wait-on: 'http://[::1]:5180'
-          wait-on-timeout: 120
-          # headless: true
-        env:
-          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
-          # Recommended: pass the GitHub token lets this action correctly
-          # determine the unique run id necessary to re-run the checks
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          name: playwright-report
+          path: packages/apps/{{ matrix.app_name }}/playwright-report/
+          retention-days: 30
 
   e2e-event-schedule-app:
     timeout-minutes: 30

docs/updating-packages.md

@@ -29,7 +29,6 @@ $  yarn add --dev -W     \
 ```sh
 $  yarn add --dev -W     \
         eslint-plugin-jest@latest     \
-        cypress@latest                \
         jest@latest                   \
         jest-environment-jsdom@latest \
         jest-fetch-mock@latest        \

package.json

@@ -99,7 +99,6 @@
     "cross-env": "^7.0.3",
     "cspell": "^8.14.2",
     "css-loader": "^6.2.0",
-    "cypress": "^13.10.0",
     "dotenv": "^16.0.3",
     "esbuild": "^0.20.2",
     "file-loader": "^6.2.0",

packages/apps/algo-app/configs/playwright.config.ts

@@ -0,0 +1,16 @@
+import { toThisDir } from '@noshiro/mono-utils';
+import path from 'node:path';
+import { definePlaywrightConfig } from '../../../../configs/define-playwright-config.mjs';
+
+const thisDir = toThisDir(import.meta.url);
+
+export default definePlaywrightConfig({
+  baseURL: 'http://localhost:5180',
+  testDir: path.resolve(thisDir, '..', 'e2e'),
+  webServer: [
+    {
+      url: 'http://localhost:5180',
+      command: 'yarn start:dev-server',
+    },
+  ],
+});