Task/fct2 21022 upgrade UI outdated node version

README.md

@@ -9,7 +9,7 @@ The Large and Complex Cases (LACC) project aims to deliver a secure, auditable,
 ### Prerequisites
 
 - [.NET 8 SDK](https://dotnet.microsoft.com/download)
-- [Node.js (v20+)](https://nodejs.org/)
+- [Node.js (v24+)](https://nodejs.org/)
 - [npm](https://www.npmjs.com/)
 - PowerShell (for local scripts)
 - PostgreSQL (see [Local Development Guide](doc/local-development.md) for setup details)

devops-pipelines/api-postman-test.yml

@@ -31,7 +31,7 @@ jobs:
       - task: UseNode@1
         displayName: "Use Node.js"
         inputs:
-          version: "20.x"
+          version: "24.x"
 
       - script: |
           if command -v pwsh &> /dev/null; then 

devops-pipelines/lighthouse-test.yml

@@ -11,7 +11,7 @@ variables:
   - group: lacc-automated-testing-${{ parameters.environment }}
   - group: lacc-backend-config-${{ parameters.environment }}
   - name: nodeVersion
-    value: "20.x"
+    value: "24.x"
   - name: workingDir
     value: "ui-spa"
 

devops-pipelines/move-playwright-test.yml

@@ -1,6 +1,6 @@
 schedules:
-  - cron: '0 1 * * Tue-Sat'
-    displayName: 'Weekday 1am UTC test'
+  - cron: "0 1 * * Tue-Sat"
+    displayName: "Weekday 1am UTC test"
     branches:
       include:
         - main
@@ -27,7 +27,7 @@ jobs:
       - group: lacc-automated-testing-${{ parameters.environment }}
       - group: lacc-backend-config-${{ parameters.environment }}
       - name: nodeVersion
-        value: "20.x"
+        value: "24.x"
       - name: workingDir
         value: "$(System.DefaultWorkingDirectory)/e2e/pw"
 

devops-pipelines/templates/e2e-playwright-test-job.yml

@@ -20,7 +20,7 @@ jobs:
       - group: lacc-automated-testing-${{ parameters.environment }}
       - group: lacc-backend-config-${{ parameters.environment }}
       - name: nodeVersion
-        value: "20.x"
+        value: "24.x"
       - name: workingDir
         value: "$(System.DefaultWorkingDirectory)/e2e/pw"
       - name: transferMaterialsV1 # Staging renders the v1 ("Shared Drive") transfer screen for the E2E user.

devops-pipelines/templates/smoke-test-steps.yml

@@ -10,7 +10,7 @@ steps:
   - task: UseNode@1
     displayName: "Use Node.js"
     inputs:
-      version: "20.x"
+      version: "24.x"
 
   - script: |
       if command -v newman &> /dev/null; then

devops-pipelines/templates/ui-build-and-deploy-stages.yml

@@ -54,7 +54,7 @@ stages:
         variables:
           - group: lacc-ui-config-${{ parameters.environment }}
           - name: nodeVersion
-            value: "20.x"
+            value: "24.x"
           - name: workingDir
             value: ui-spa
         steps:
@@ -125,7 +125,7 @@ stages:
                     deployToSlotOrASE: ${{ parameters.deployToSlot }}
                     slotName: ${{ parameters.slotName }}
                     packageForLinux: "$(Pipeline.Workspace)/$(buildArtifact)"
-                    RuntimeStack: "NODE|20-lts"
+                    RuntimeStack: "NODE|24-lts"
                     StartupCommand: "pm2 serve /home/site/wwwroot/ --no-daemon --spa"
                   displayName: "Deploy app to ${{ parameters.environment }}"
 

devops-pipelines/ui/ui-pr-build-and-test.yml

@@ -12,7 +12,7 @@ pool: "LACC PreProd Pool"
 
 variables:
   - name: nodeVersion
-    value: "20.x"
+    value: "24.x"
   - name: workingDir
     value: ui-spa
   - name: covDir

ui-spa/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

ui-spa/package.json

@@ -3,6 +3,10 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "engines": {
+    "node": "24.x",
+    "npm": "11.x"
+  },
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
@@ -88,4 +92,4 @@
       "react": "^16.8.0 || ^17 || ^18 || ^19"
     }
   }
-}
+}