Implement new visual testing for the web-new package

.github/workflows/visual-ci-new.yaml

@@ -0,0 +1,44 @@
+name: Web-New Visual Testing Pipeline
+
+on:
+    pull_request:
+        paths-ignore:
+            - "**.md"
+            - "**.png"
+            - "**.drawio"
+            - "**.xlsx"
+
+jobs:
+    setup-and-visual-test:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v3
+
+            - name: Use Node.js 18
+              uses: actions/setup-node@v3
+              with:
+                  node-version: "18.x"
+
+            - name: Use lerna
+              run: npm install -g [email protected]
+
+            - name: Bootstrap
+              run: lerna bootstrap --no-ci
+
+            - name: Visual Tests
+              timeout-minutes: 30
+              run: |
+                cd ./packages/web-new
+                npm install
+                npx playwright install chromium firefox
+                npm run build
+                npm test
+
+            - uses: actions/upload-artifact@v3
+              if: always()
+              with:
+                name: playwright-report
+                path: ./packages/web-new/playwright-report/
+                retention-days: 30

packages/web-new/playwright.config.js

@@ -68,6 +68,8 @@ module.exports = defineConfig({
   webServer: {
     command: 'npm run serve',
     url: 'http://127.0.0.1:5100',
+    // Add a timeout in case the server takes to long to start
+    // timeout: 60 * 1000,
     reuseExistingServer: !process.env.CI,
   },
 });