Upgrade to Angular v21

.github/workflows/status-board-ui-tests.yml

@@ -24,9 +24,9 @@ jobs:
           persist-credentials: false
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v6
         with:
-          node-version: '20'
+          node-version: '24'
           cache: 'npm'
           cache-dependency-path: ui/package-lock.json
 

ui/angular.json

@@ -40,7 +40,7 @@
                 {
                   "type": "initial",
                   "maximumWarning": "500kB",
-                  "maximumError": "1MB"
+                  "maximumError": "1.1MB"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -122,5 +122,31 @@
   "cli": {
     "schematicCollections": ["@angular-eslint/schematics"],
     "analytics": false
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }

ui/cypress.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4200',
+    specPattern: 'cypress/integration/**/*.spec-e2e.ts',
+    supportFile: false,
+    fixturesFolder: 'cypress/fixtures',
+    videosFolder: 'cypress/videos',
+    screenshotsFolder: 'cypress/screenshots',
+  },
+});

ui/eslint.config.js

@@ -78,7 +78,7 @@ module.exports = [
     },
   },
   {
-    files: ['cypress/**/*.ts', 'cypress/**/*.js'],
+    files: ['cypress.config.ts', 'cypress/**/*.ts', 'cypress/**/*.js'],
     languageOptions: {
       parserOptions: {
         project: './tsconfig.cy.json',

ui/jest.config.ts

@@ -1,7 +1,6 @@
 module.exports = {
   preset: 'jest-preset-angular',
   setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-  globalSetup: 'jest-preset-angular/global-setup',
   testEnvironment: 'jsdom',
   extensionsToTreatAsEsm: ['.ts'],
   testResultsProcessor: 'jest-teamcity-reporter',