build: update to latest version of Angular (#26888)

Updates to the latest Angular version and fixes some tests that were failing, because our stubs of the `document` didn't implement all the necessary methods.

Author: crisbeto

package.json

@@ -56,12 +56,12 @@
   },
   "version": "16.0.0-next.4",
   "dependencies": {
-    "@angular/animations": "^16.0.0-next.5",
-    "@angular/common": "^16.0.0-next.5",
-    "@angular/compiler": "^16.0.0-next.5",
-    "@angular/core": "^16.0.0-next.5",
-    "@angular/forms": "^16.0.0-next.5",
-    "@angular/platform-browser": "^16.0.0-next.5",
+    "@angular/animations": "^16.0.0-next.7",
+    "@angular/common": "^16.0.0-next.7",
+    "@angular/compiler": "^16.0.0-next.7",
+    "@angular/core": "^16.0.0-next.7",
+    "@angular/forms": "^16.0.0-next.7",
+    "@angular/platform-browser": "^16.0.0-next.7",
     "@types/google.maps": "^3.52.4",
     "@types/youtube": "^0.0.46",
     "rxjs": "^6.6.7",
@@ -70,18 +70,18 @@
     "zone.js": "~0.11.5"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.0.0-next.5",
-    "@angular-devkit/core": "^16.0.0-next.5",
-    "@angular-devkit/schematics": "^16.0.0-next.5",
+    "@angular-devkit/build-angular": "^16.0.0-next.7",
+    "@angular-devkit/core": "^16.0.0-next.7",
+    "@angular-devkit/schematics": "^16.0.0-next.7",
     "@angular/bazel": "https://github.com/angular/bazel-builds.git#8b1e899d38c5781662ff01812d5e71aa014b861c",
     "@angular/build-tooling": "https://github.com/angular/dev-infra-private-build-tooling-builds.git#a8012d366831d2dc2350de94b6c0ad926775408d",
-    "@angular/cli": "^16.0.0-next.5",
-    "@angular/compiler-cli": "^16.0.0-next.5",
-    "@angular/localize": "^16.0.0-next.5",
+    "@angular/cli": "^16.0.0-next.7",
+    "@angular/compiler-cli": "^16.0.0-next.7",
+    "@angular/localize": "^16.0.0-next.7",
     "@angular/ng-dev": "https://github.com/angular/dev-infra-private-ng-dev-builds.git#68a6d97028583799726bdad5ef3234d3ec3463e6",
-    "@angular/platform-browser-dynamic": "^16.0.0-next.5",
-    "@angular/platform-server": "^16.0.0-next.5",
-    "@angular/router": "^16.0.0-next.5",
+    "@angular/platform-browser-dynamic": "^16.0.0-next.7",
+    "@angular/platform-server": "^16.0.0-next.7",
+    "@angular/router": "^16.0.0-next.7",
     "@axe-core/webdriverjs": "^4.3.2",
     "@babel/core": "^7.16.12",
     "@bazel/bazelisk": "1.12.1",
@@ -146,7 +146,7 @@
     "@octokit/rest": "18.3.5",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
-    "@schematics/angular": "^16.0.0-next.5",
+    "@schematics/angular": "^16.0.0-next.7",
     "@types/babel__core": "^7.1.18",
     "@types/browser-sync": "^2.26.3",
     "@types/fs-extra": "^9.0.13",

src/cdk/a11y/focus-monitor/focus-monitor.spec.ts

@@ -46,6 +46,8 @@ describe('FocusMonitor', () => {
               'querySelectorAll',
               'addEventListener',
               'removeEventListener',
+              'querySelector',
+              'createTextNode',
             ].forEach(method => {
               (fakeDocument as any)[method] = function () {
                 return (document as any)[method].apply(document, arguments);

src/cdk/drag-drop/directives/drag.spec.ts

@@ -2497,27 +2497,24 @@ describe('CdkDrag', () => {
         documentElement: document.documentElement,
         fullscreenElement: document.createElement('div'),
         ELEMENT_NODE: Node.ELEMENT_NODE,
-        querySelectorAll: function (...args: [string]) {
-          return document.querySelectorAll(...args);
-        },
-        addEventListener: function (
+        querySelectorAll: (...args: [string]) => document.querySelectorAll(...args),
+        querySelector: (...args: [string]) => document.querySelector(...args),
+        createElement: (...args: [string]) => document.createElement(...args),
+        createTextNode: (...args: [string]) => document.createTextNode(...args),
+        addEventListener: (
           ...args: [
             string,
             EventListenerOrEventListenerObject,
             (boolean | AddEventListenerOptions | undefined)?,
           ]
-        ) {
-          document.addEventListener(...args);
-        },
-        removeEventListener: function (
+        ) => document.addEventListener(...args),
+        removeEventListener: (
           ...args: [
             string,
             EventListenerOrEventListenerObject,
             (boolean | AddEventListenerOptions | undefined)?,
           ]
-        ) {
-          document.addEventListener(...args);
-        },
+        ) => document.addEventListener(...args),
         createComment: (text: string) => document.createComment(text),
       };
       const fixture = createComponent(DraggableInDropZone, [

src/cdk/overlay/fullscreen-overlay-container.spec.ts

@@ -27,29 +27,28 @@ describe('FullscreenOverlayContainer', () => {
               body: document.body,
               fullscreenElement: document.createElement('div'),
               fullscreenEnabled: true,
-              addEventListener: function (eventName: string, listener: EventListener) {
+              addEventListener: (eventName: string, listener: EventListener) => {
                 if (eventName === 'fullscreenchange') {
                   fullscreenListeners.add(listener);
                 } else {
                   document.addEventListener(eventName, listener);
                 }
               },
-              removeEventListener: function (eventName: string, listener: EventListener) {
+              removeEventListener: (eventName: string, listener: EventListener) => {
                 if (eventName === 'fullscreenchange') {
                   fullscreenListeners.delete(listener);
                 } else {
                   document.addEventListener(eventName, listener);
                 }
               },
-              querySelectorAll: function (...args: [string]) {
-                return document.querySelectorAll(...args);
-              },
-              createElement: function (...args: [string, (ElementCreationOptions | undefined)?]) {
-                return document.createElement(...args);
-              },
-              getElementsByClassName: function (...args: [string]) {
-                return document.getElementsByClassName(...args);
-              },
+              querySelectorAll: (...args: [string]) => document.querySelectorAll(...args),
+              createElement: (...args: [string, (ElementCreationOptions | undefined)?]) =>
+                document.createElement(...args),
+              getElementsByClassName: (...args: [string]) =>
+                document.getElementsByClassName(...args),
+              querySelector: (...args: [string]) => document.querySelector(...args),
+              createTextNode: (...args: [string]) => document.createTextNode(...args),
+              createComment: (...args: [string]) => document.createComment(...args),
             };
 
             return fakeDocument;