Merge pull request #1389 from thewtex/webpack-example-bump

chore: update webpack example

Author: thewtex

.github/workflows/examples.yml

@@ -13,6 +13,7 @@ jobs:
     name: node-js
     runs-on: ubuntu-24.04
 
+    
     steps:
     - uses: actions/checkout@v4
 
@@ -209,33 +210,6 @@ jobs:
       working-directory: ./examples/inputs-outputs/typescript
       run: |
         pnpm test
-
-  test-webpack-example:
-    name: webpack
-    runs-on: ubuntu-24.04
-
-    steps:
-    - uses: actions/checkout@v4
-
-    - name: Free Disk Space (Ubuntu)
-      uses: jlumbroso/free-disk-space@main
-      with:
-        large-packages: false
-        tool-cache: true
-
-    - name: Test Webpack Example on Chrome
-      uses: cypress-io/github-action@v6
-      with:
-        working-directory: ./examples/webpack
-        browser: chrome
-        start: npm start
-
-    #- name: Test Webpack Example on Firefox
-      #uses: cypress-io/github-action@v6
-      #with:
-        #working-directory: ./examples/webpack
-        #browser: firefox
-        #start: npm start
   test-debugging-example:
     name: debugging
     runs-on: ubuntu-24.04

.github/workflows/playwright.yml

@@ -51,3 +51,27 @@ jobs:
         name: playwright-report
         path: playwright-report/
         retention-days: 30
+
+  test-webpack-example:
+    defaults:
+      run:
+        working-directory: ./examples/webpack
+    timeout-minutes: 60
+    runs-on: ubuntu-24.04
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm install
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npm run test
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

examples/vite/.gitignore

@@ -1,2 +1,3 @@
-cypress/videos
-cypress/screenshots
+dist/pipelines/
+playwright-report/
+test-results/

examples/vite/README.md

@@ -5,13 +5,13 @@ This example demonstrates how to configure Vite/Rollup to build a project that
 uses an [ITK-Wasm](https://wasm.itk.org/) package.
 
 More information can be found in the [example
-documentation](https://docs.itk.org/projects/wasm/en/latest/typescript/distribution/esm.html).
+documentation](https://docs.itk.org/projects/wasm/en/latest/typescript/distribution/vite.html).
 
 ## Run Locally
 
 ```
 npm install
-npm run start
+npm start
 ```
 
 And visit [http://localhost:8085/](http://localhost:8085/).
@@ -22,4 +22,4 @@ And visit [http://localhost:8085/](http://localhost:8085/).
 npm install
 npx playwright install --with-deps
 npm test
-```
+```

examples/webpack/.gitignore

@@ -1 +1,5 @@
-cypress/videos/
+dist/*.js
+dist/*LICENSE*
+dist/pipelines/
+playwright-report/
+test-results/

examples/webpack/README.md

@@ -1,16 +1,17 @@
-itk-webpack-example
-===================
+ITK-Wasm Webpack Example
+========================
 
 This example demonstrates how to configure Webpack to build a project that
-uses [itk-wasm](https://wasm.itk.org/).
+uses an [ITK-Wasm](https://wasm.itk.org/) package.
+
 More information can be found in the [example
-documentation](https://wasm.itk.org/examples/webpack.html).
+documentation](https://docs.itk.org/projects/wasm/en/latest/typescript/distribution/webpack.html).
 
 ## Run Locally
 
 ```
 npm install
-npm run start
+npm start
 ```
 
 And visit [http://localhost:8686/](http://localhost:8686/).
@@ -19,6 +20,6 @@ And visit [http://localhost:8686/](http://localhost:8686/).
 
 ```
 npm install
-npm run build
+npx playwright install --with-deps
 npm test
 ```