test(itk-wasm): from cypress to playwright

.github/workflows/cypress.yml

@@ -108,92 +108,3 @@ jobs:
           name: cypress-screenshots-${{ matrix.package }}
           path: packages/${{ matrix.package }}/typescript/cypress/screenshots
           if-no-files-found: ignore
-
-  test-itk-wasm-cypress:
-    name: itk-wasm browser tests
-    runs-on: ubuntu-24.04
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Free Disk Space (Ubuntu)
-        uses: jlumbroso/free-disk-space@main
-        with:
-          large-packages: false
-          tool-cache: true
-
-      - name: Pull latest Docker images
-        run: |
-          ./src/docker/pull.sh --no-debug
-
-      - name: Install
-        uses: pnpm/action-setup@v4
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '22'
-          cache: pnpm
-          cache-dependency-path: ./pnpm-lock.yaml
-
-      - name: Install node, cypress
-        run: |
-          pnpm install --frozen-lockfile
-          pnpx cypress install
-
-      - name: Build itk-wasm
-        run: |
-          pnpm run --aggregate-output --filter itk-wasm build
-
-      - name: Build @itk-wasm/demo-app
-        run: |
-          pnpm run --aggregate-output --filter '@itk-wasm/demo-app' build
-
-      - name: Build build:gen:typescript
-        run: |
-          pnpm run --aggregate-output build:gen:typescript
-
-      - name: Build itk-wasm
-        run: |
-          pnpm run --aggregate-output --filter itk-wasm build
-          # Test deps
-          pnpm run --aggregate-output --filter "@itk-wasm/demo-app" build
-          pnpm run --aggregate-output --filter "@itk-wasm/mesh-io" build
-          pnpm run --aggregate-output --filter "@itk-wasm/transform-io" build
-          pnpm run --aggregate-output --filter "@itk-wasm/image-io" build
-
-      - name: Test itk-wasm with Chrome
-        uses: cypress-io/github-action@v6
-        with:
-          browser: chrome
-          working-directory: packages/core/typescript/itk-wasm
-          install: false
-          start: pnpm start
-          config: video=true
-          wait-on: 'http://localhost:5180'
-          wait-on-timeout: 360
-
-      - uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: cypress-videos
-          path: packages/core/typescript/itk-wasm/cypress/videos
-          if-no-files-found: ignore
-
-      #- name: Test with Firefox
-        #uses: cypress-io/github-action@v6
-        #with:
-          #browser: firefox
-          #working-directory: packages/core/typescript/itk-wasm
-          #install: false
-          #config: video=true
-          #start: pnpm start
-          #wait-on: 'http://localhost:5180'
-          #wait-on-timeout: 360
-
-      - uses: actions/upload-artifact@v4
-        if: failure()
-        with:
-          name: cypress-screenshots
-          path: packages/core/typescript/itk-wasm/cypress/videos
-          if-no-files-found: ignore

.github/workflows/playwright.yml

@@ -75,3 +75,68 @@ jobs:
         name: playwright-report
         path: playwright-report/
         retention-days: 30
+
+  test-itk-wasm:
+    name: itk-wasm browser tests
+    runs-on: ubuntu-24.04
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Free Disk Space (Ubuntu)
+        uses: jlumbroso/free-disk-space@main
+        with:
+          large-packages: false
+          tool-cache: true
+
+      - name: Pull latest Docker images
+        run: |
+          ./src/docker/pull.sh --no-debug
+
+      - name: Install
+        uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: pnpm
+
+      - name: Install Playwright Browsers
+        run: pnpx playwright install --with-deps
+
+      - name: Install dependencies for itk-wasm
+        run: pnpm install
+        working-directory: packages/core/typescript/itk-wasm
+
+      - name: Build itk-wasm
+        run: |
+          pnpm run --aggregate-output --filter itk-wasm build
+
+      - name: Build @itk-wasm/demo-app
+        run: |
+          pnpm run --aggregate-output --filter '@itk-wasm/demo-app' build
+
+      - name: Build build:gen:typescript
+        run: |
+          pnpm run --aggregate-output build:gen:typescript
+
+      - name: Build itk-wasm
+        run: |
+          pnpm run --aggregate-output --filter itk-wasm build
+          # Test deps
+          pnpm run --aggregate-output --filter "@itk-wasm/demo-app" build
+          pnpm run --aggregate-output --filter "@itk-wasm/mesh-io" build
+          pnpm run --aggregate-output --filter "@itk-wasm/transform-io" build
+          pnpm run --aggregate-output --filter "@itk-wasm/image-io" build
+
+      - name: Run Playwright tests
+        working-directory: ./packages/core/typescript/itk-wasm
+        run: pnpm run test:browser
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: packages/core/typescript/itk-wasm/playwright-report/
+          retention-days: 30

package.json

@@ -35,12 +35,13 @@
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2"
+    "@commitlint/config-conventional": "^19.2.2",
+    "@playwright/test": "^1.53.0"
   },
   "pnpm": {
     "overrides": {
       "@shoelace-style/shoelace": "^2.12.0",
-      "@types/node": "^22.13.13",
+      "@types/node": "^24.0.3",
       "esbuild": "^0.25.1",
       "start-server-and-test": "^2.0.12",
       "ava": "^6.1.3",

packages/core/typescript/itk-wasm/.gitignore

@@ -3,4 +3,5 @@ test/pipelines/wasi-build
 test/pipelines/typescript
 test/pipelines/python
 
-cypress/screenshots
+playwright-report/
+test-results/