Add cacheing to playwright browsers

Use Node 22

Author: prushforth

.github/workflows/ci-testing.yml

@@ -12,13 +12,19 @@ jobs:
     - name: Use Node.js
       uses: actions/setup-node@v4
       with:
-        node-version: latest
-    - name: Install XVFB
-      run: sudo apt-get install -y xvfb
-    - name: Install Dependencies
-      run: npm install
-    - name: Install Playwright
-      run: npx playwright install
+        node-version: 22
+        cache: npm
+    - run: npm ci --ignore-scripts
+    - name: Cache Playwright browsers
+      id: playwright-cache
+      uses: actions/cache@v4
+      with:
+        path: ~/.cache/ms-playwright
+        key: playwright-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+    - run: npx playwright install --with-deps
+      if: steps.playwright-cache.outputs.cache-hit != 'true'
+    - run: npx playwright install-deps
+      if: steps.playwright-cache.outputs.cache-hit == 'true'
     - name: Run Tests with XVFB
       run: xvfb-run --auto-servernum -- npm test
       env: