Breaking Change: migrate to node v20 (#7457)

#### Details

Update the code node version to node 20.x.x version. As lot of other
packages are using or going to use Node 20.x.x.

#### Pull request checklist
<!-- If a checklist item is not applicable to this change, write "n/a"
in the checkbox -->
- [ ] Addresses an existing issue: #0000
- [x] Ran `yarn fastpass`
- [x] Added/updated relevant unit test(s) (and ran `yarn test`)
- [x] Verified code coverage for the changes made. Check coverage report
at: `<rootDir>/test-results/unit/coverage`
- [x] PR title *AND* final merge commit title both start with a semantic
tag (`fix:`, `chore:`, `feat(feature-name):`, `refactor:`). See
`CONTRIBUTING.md`.
- [ ] (UI changes only) Added screenshots/GIFs to description above
- [ ] (UI changes only) Verified usability with NVDA/JAWS

Author: v-rakeshsh

.github/workflows/ci.yml

@@ -11,7 +11,7 @@ on:
 
 env:
   # Keep this in sync with /pipeline/install-node-prerequisites.yaml
-  NODE_VERSION: 16.14.2
+  NODE_VERSION: 20.17.0
 
 jobs:
   build:

Dockerfile

@@ -12,14 +12,14 @@ USER root
 # We need to update certificates before we can successfully update and install node
 # This is a workaround for https://github.com/nodesource/distributions/issues/1266
 #
-# We pin nodejs 16.x instead of accepting Playwright's default for consistency with
+# We pin nodejs 20.x instead of accepting Playwright's default for consistency with
 # our other build environments. 
 RUN apt-get update && \
   apt-get install ca-certificates && \
   apt-get update && \
   apt-get install -y curl && \
-  curl -fsSL https://deb.nodesource.com/setup_16.x | bash - && \
-  apt-get install -y --allow-downgrades nodejs=16.* && \
+  curl -fsSL https://deb.nodesource.com/setup_20.x | bash - && \
+  apt-get install -y --allow-downgrades nodejs=20.* && \
   rm -rf /var/lib/apt/lists/*
 
 WORKDIR /app

package.json

@@ -9,7 +9,7 @@
         "url": "https://github.com/Microsoft/accessibility-insights-web"
     },
     "engines": {
-        "node": ">=12.16.1"
+        "node": ">=20.17.0"
     },
     "packageManager": "yarn@3.5.0",
     "workspaces": [
@@ -86,7 +86,7 @@
         "@types/jsdom": "^21.1.6",
         "@types/lodash": "^4.17.13",
         "@types/luxon": "^3.4.2",
-        "@types/node": "^16.11.7",
+        "@types/node": "^22.7.3",
         "@types/react": "^18.3.1",
         "@types/react-dom": "^18.3.0",
         "@types/react-helmet": "^6.1.11",
@@ -172,7 +172,7 @@
         "webextension-polyfill": "^0.12.0"
     },
     "resolutions": {
-        "@types/node": "^16.11.7",
+        "@types/node": "^22.7.3",
         "ansi-regex@^2.0.0": "^5.0.1",
         "license-check-and-add/yargs@^13.3.0": "^15.3.1",
         "nth-check@~1.0.1": "^2.0.1",

packages/report/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-report",
-    "version": "5.2.0",
+    "version": "6.0.0",
     "description": "Accessibility Insights Report",
     "license": "MIT",
     "files": [

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-ui",
-    "version": "1.1.0",
+    "version": "2.0.0",
     "description": "Accessibility Insights UI Components",
     "license": "MIT",
     "files": [

pipeline/install-node-prerequisites.yaml

@@ -4,8 +4,8 @@ steps:
     - task: NodeTool@0
       inputs:
           # Keep this in sync with /.github/workflows/ci.yml
-          versionSpec: '16.14.2'
-      displayName: use node 16.14.2
+          versionSpec: '20.17.0'
+      displayName: use node 20.17.0
       timeoutInMinutes: 2
       retryCountOnTaskFailure: 2
 

src/tests/unit/tests/reports/components/formatted-date.test.tsx

@@ -7,12 +7,12 @@ describe('FormattedDate', () => {
     describe('render', () => {
         test('end of last millennium', () => {
             const date = DateTime.fromISO('1999-12-31T23:59:59', { zone: 'utc' }).toJSDate();
-            testDate('en-us', date, '12/31/1999, 11:59:59 PM UTC');
+            testDate('en-us', date, '12/31/1999, 11:59:59\u202fPM UTC');
         });
 
         test('start of this millennium', () => {
             const date = DateTime.fromISO('2000-01-01T00:00:00', { zone: 'utc' }).toJSDate();
-            testDate('en-us', date, '1/1/2000, 12:00:00 AM UTC');
+            testDate('en-us', date, '1/1/2000, 12:00:00\u202fAM UTC');
         });
 
         (platformSupportsNonEnLocales() ? test : test.skip)('German format', () => {

yarn.lock

@@ -2419,10 +2419,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^16.11.7":
-  version: 16.18.97
-  resolution: "@types/node@npm:16.18.97"
-  checksum: 54f44aaeaa523d4c728177d070aeb20b8011e12ac45aff0d992e350e10cac4d899ac6429cd0f06a6c3a001c8a6cd204429b1a16628d82f1b1e4cc1cbdeca780f
+"@types/node@npm:^22.7.3":
+  version: 22.7.3
+  resolution: "@types/node@npm:22.7.3"
+  dependencies:
+    undici-types: ~6.19.2
+  checksum: 1785ceb0d7b05b2a68df85ec89f2c76bc57a59f4f7a349966f2f7c8ee531d59dcba1adb4e3fddb19e0981ded96bf255291858e6b56dfe7984247b3a4f1227a22
   languageName: node
   linkType: hard
 
@@ -3059,7 +3061,7 @@ __metadata:
     "@types/jsdom": ^21.1.6
     "@types/lodash": ^4.17.13
     "@types/luxon": ^3.4.2
-    "@types/node": ^16.11.7
+    "@types/node": ^22.7.3
     "@types/react": ^18.3.1
     "@types/react-dom": ^18.3.0
     "@types/react-helmet": ^6.1.11
@@ -11977,6 +11979,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~6.19.2":
+  version: 6.19.8
+  resolution: "undici-types@npm:6.19.8"
+  checksum: de51f1b447d22571cf155dfe14ff6d12c5bdaec237c765085b439c38ca8518fc360e88c70f99469162bf2e14188a7b0bcb06e1ed2dc031042b984b0bb9544017
+  languageName: node
+  linkType: hard
+
 "unique-filename@npm:^3.0.0":
   version: 3.0.0
   resolution: "unique-filename@npm:3.0.0"