build: update to angular v9.0.0-next.7 (#17147)

Ensures the postinstall fails if some replacements could not
be made. This ensures that we don't update Angular and invalidate
some of the workarounds. This would result in broken release output then.

Author: devversion

WORKSPACE

@@ -5,11 +5,8 @@ load("@bazel_tools//tools/build_defs/repo:http.bzl", "http_archive")
 # Add NodeJS rules (explicitly used for sass bundle rules)
 http_archive(
     name = "build_bazel_rules_nodejs",
-    sha256 = "3356c6b767403392bab018ce91625f6d15ff8f11c6d772dc84bc9cada01c669a",
-    # Note that we cannot update to rules_nodejs#0.36.2 as it contains a bug where
-    # node output binaries cannot be launched on windows. We can update once the
-    # fix is released: https://github.com/bazelbuild/rules_nodejs/pull/1104.
-    urls = ["https://github.com/bazelbuild/rules_nodejs/releases/download/0.36.1/rules_nodejs-0.36.1.tar.gz"],
+    sha256 = "da217044d24abd16667324626a33581f3eaccabf80985b2688d6a08ed2f864be",
+    urls = ["https://github.com/bazelbuild/rules_nodejs/releases/download/0.37.1/rules_nodejs-0.37.1.tar.gz"],
 )
 
 # Add sass rules
@@ -76,9 +73,12 @@ load("@io_bazel_rules_webtesting//web:repositories.bzl", "web_test_repositories"
 
 web_test_repositories()
 
-load("@npm_bazel_karma//:browser_repositories.bzl", "browser_repositories")
+load("@io_bazel_rules_webtesting//web/versioned:browsers-0.3.2.bzl", "browser_repositories")
 
-browser_repositories()
+browser_repositories(
+    chromium = True,
+    firefox = True,
+)
 
 # Fetch transitive dependencies which are needed to use the Sass rules.
 load("@io_bazel_rules_sass//:package.bzl", "rules_sass_dependencies")

package.json

@@ -40,13 +40,13 @@
   "requiredAngularVersion": "^8.0.0 || ^9.0.0-0",
   "requiredMDCVersion": "^4.0.0-alpha.0",
   "dependencies": {
-    "@angular/animations": "^8.2.2",
-    "@angular/common": "^8.2.2",
-    "@angular/compiler": "^8.2.2",
-    "@angular/core": "^8.2.2",
-    "@angular/elements": "^8.2.2",
-    "@angular/forms": "^8.2.2",
-    "@angular/platform-browser": "^8.2.2",
+    "@angular/animations": "^9.0.0-next.7",
+    "@angular/common": "^9.0.0-next.7",
+    "@angular/compiler": "^9.0.0-next.7",
+    "@angular/core": "^9.0.0-next.7",
+    "@angular/elements": "^9.0.0-next.7",
+    "@angular/forms": "^9.0.0-next.7",
+    "@angular/platform-browser": "^9.0.0-next.7",
     "@types/googlemaps": "^3.37.0",
     "@types/youtube": "^0.0.38",
     "@webcomponents/custom-elements": "^1.1.0",
@@ -56,27 +56,27 @@
     "systemjs": "0.19.43",
     "tsickle": "^0.35.0",
     "tslib": "^1.9.3",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/core": "^8.2.1",
-    "@angular-devkit/schematics": "^8.2.1",
-    "@angular/bazel": "^8.2.2",
-    "@angular/compiler-cli": "^8.2.2",
-    "@angular/platform-browser-dynamic": "^8.2.2",
-    "@angular/platform-server": "^8.2.2",
-    "@angular/router": "^8.2.2",
-    "@angular/upgrade": "^8.2.2",
+    "@angular-devkit/core": "^9.0.0-next.5",
+    "@angular-devkit/schematics": "^9.0.0-next.5",
+    "@angular/bazel": "^9.0.0-next.7",
+    "@angular/compiler-cli": "^9.0.0-next.7",
+    "@angular/platform-browser-dynamic": "^9.0.0-next.7",
+    "@angular/platform-server": "^9.0.0-next.7",
+    "@angular/router": "^9.0.0-next.7",
+    "@angular/upgrade": "^9.0.0-next.7",
     "@bazel/bazel": "^0.29.0",
     "@bazel/buildifier": "^0.28.0",
     "@bazel/ibazel": "^0.10.3",
-    "@bazel/jasmine": "0.36.1",
-    "@bazel/karma": "0.36.1",
-    "@bazel/typescript": "0.36.1",
-    "@bazel/protractor": "0.36.1",
+    "@bazel/jasmine": "^0.37.1",
+    "@bazel/karma": "^0.37.1",
+    "@bazel/typescript": "^0.37.1",
+    "@bazel/protractor": "^0.37.1",
     "@firebase/app-types": "^0.3.2",
     "@octokit/rest": "^16.28.7",
-    "@schematics/angular": "^8.2.1",
+    "@schematics/angular": "^9.0.0-next.5",
     "@types/browser-sync": "^2.26.1",
     "@types/chalk": "^0.4.31",
     "@types/fs-extra": "^4.0.3",
@@ -99,7 +99,7 @@
     "browser-sync": "^2.26.7",
     "chalk": "^1.1.3",
     "clang-format": "^1.2.4",
-    "codelyzer": "^5.1.0",
+    "codelyzer": "^5.1.1",
     "conventional-changelog": "^3.0.5",
     "dgeni": "^0.4.11",
     "dgeni-packages": "^0.27.1",

src/cdk-experimental/tsconfig-build.json

@@ -22,6 +22,7 @@
     "typings.d.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/cdk/schematics/testing/test-case-setup.ts

@@ -81,6 +81,15 @@ export async function createTestCaseSetup(migrationName: string, collectionPath:
     writeFile(relativePath, inputContent);
   });
 
+  const testAppTsconfigPath = 'projects/cdk-testing/tsconfig.app.json';
+  const testAppTsconfig = JSON.parse(appTree.readContent(testAppTsconfigPath));
+
+  // include all TypeScript files in the project. Otherwise all test input
+  // files won't be part of the program and cannot be migrated.
+  testAppTsconfig.include.push('src/**/*.ts');
+
+  writeFile(testAppTsconfigPath, JSON.stringify(testAppTsconfig, null, 2));
+
   const runFixers = async function() {
     // Switch to the new temporary directory to simulate that "ng update" is ran
     // from within the project.

src/cdk/tsconfig-build.json

@@ -21,6 +21,7 @@
     "typings.d.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/google-maps/tsconfig-build.json

@@ -21,6 +21,7 @@
     "typings.d.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/material-examples/tsconfig-build.json

@@ -38,6 +38,7 @@
     "public-api.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/material-experimental/tsconfig-build.json

@@ -24,6 +24,7 @@
     "typings.d.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/material-moment-adapter/tsconfig-build.json

@@ -36,6 +36,7 @@
     "public-api.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/material/button/testing/shared.spec.ts

@@ -83,9 +83,11 @@ export function runHarnessTests(
 
   it('should not click a disabled button', async () => {
     // Older versions of Edge have a bug where `disabled` buttons are still clickable if
-    // they contain child elements. We skip this check on Edge.
-    // See https://stackoverflow.com/questions/32377026/disabled-button-is-clickable-on-edge-browser
-    if (platform.EDGE) {
+    // they contain child elements. Also new versions of Firefox (starting v65) do not
+    // cancel dispatched click events on disabled buttons. We skip this check on Edge and Firefox.
+    // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1582570 and:
+    // https://stackoverflow.com/questions/32377026/disabled-button-is-clickable-on-edge-browser
+    if (platform.EDGE || platform.FIREFOX) {
       return;
     }
 

src/material/checkbox/testing/BUILD.bazel

@@ -20,6 +20,7 @@ ng_test_library(
     srcs = ["shared.spec.ts"],
     deps = [
         ":testing",
+        "//src/cdk/platform",
         "//src/cdk/testing",
         "//src/cdk/testing/testbed",
         "//src/material/checkbox",

src/material/checkbox/testing/shared.spec.ts

@@ -1,3 +1,4 @@
+import {Platform} from '@angular/cdk/platform';
 import {HarnessLoader} from '@angular/cdk/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {Component} from '@angular/core';
@@ -12,6 +13,7 @@ import {MatCheckboxHarness} from '@angular/material/checkbox/testing/checkbox-ha
  */
 export function runHarnessTests(
     checkboxModule: typeof MatCheckboxModule, checkboxHarness: typeof MatCheckboxHarness) {
+  const platform = new Platform();
   let fixture: ComponentFixture<CheckboxHarnessTest>;
   let loader: HarnessLoader;
 
@@ -152,6 +154,11 @@ export function runHarnessTests(
   });
 
   it('should not toggle disabled checkbox', async () => {
+    if (platform.FIREFOX) {
+      // do run this test on firefox as click events on the label of a disabled checkbox
+      // cause the value to be changed. https://bugzilla.mozilla.org/show_bug.cgi?id=1540995
+      return;
+    }
     const disabledCheckbox = await loader.getHarness(checkboxHarness.with({label: 'Second'}));
     expect(await disabledCheckbox.isChecked()).toBe(false);
     await disabledCheckbox.toggle();

src/material/radio/testing/BUILD.bazel

@@ -20,6 +20,7 @@ ng_test_library(
     srcs = ["shared.spec.ts"],
     deps = [
         ":testing",
+        "//src/cdk/platform",
         "//src/cdk/testing",
         "//src/cdk/testing/testbed",
         "//src/material/radio",

src/material/radio/testing/shared.spec.ts

@@ -1,3 +1,4 @@
+import {Platform} from '@angular/cdk/platform';
 import {HarnessLoader} from '@angular/cdk/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {Component} from '@angular/core';
@@ -10,6 +11,7 @@ import {MatRadioButtonHarness, MatRadioGroupHarness} from './radio-harness';
 export function runHarnessTests(radioModule: typeof MatRadioModule,
                                 radioGroupHarness: typeof MatRadioGroupHarness,
                                 radioButtonHarness: typeof MatRadioButtonHarness) {
+  const platform = new Platform();
   let fixture: ComponentFixture<MultipleRadioButtonsHarnessTest>;
   let loader: HarnessLoader;
 
@@ -225,6 +227,13 @@ export function runHarnessTests(radioModule: typeof MatRadioModule,
     });
 
     it('should not be able to check disabled radio-button', async () => {
+      if (platform.FIREFOX) {
+        // do run this test on firefox as click events on the label of the underlying
+        // input checkbox cause the value to be changed. Read more in the bug report:
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=1540995
+        return;
+      }
+
       fixture.componentInstance.disableAll = true;
       fixture.detectChanges();
 

src/material/slide-toggle/testing/BUILD.bazel

@@ -20,6 +20,7 @@ ng_test_library(
     srcs = ["shared.spec.ts"],
     deps = [
         ":testing",
+        "//src/cdk/platform",
         "//src/cdk/testing",
         "//src/cdk/testing/testbed",
         "//src/material/slide-toggle",

src/material/slide-toggle/testing/shared.spec.ts

@@ -1,3 +1,4 @@
+import {Platform} from '@angular/cdk/platform';
 import {HarnessLoader} from '@angular/cdk/testing';
 import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 import {Component} from '@angular/core';
@@ -10,6 +11,7 @@ import {MatSlideToggleHarness} from '@angular/material/slide-toggle/testing/slid
 export function runHarnessTests(
     slideToggleModule: typeof MatSlideToggleModule,
     slideToggleHarness: typeof MatSlideToggleHarness) {
+  const platform = new Platform();
   let fixture: ComponentFixture<SlideToggleHarnessTest>;
   let loader: HarnessLoader;
 
@@ -133,6 +135,13 @@ export function runHarnessTests(
   });
 
   it('should not toggle disabled slide-toggle', async () => {
+    if (platform.FIREFOX) {
+      // do run this test on firefox as click events on the label of the underlying
+      // input checkbox cause the value to be changed. Read more in the bug report:
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=1540995
+      return;
+    }
+
     const disabledToggle = await loader.getHarness(slideToggleHarness.with({label: 'Second'}));
     expect(await disabledToggle.isChecked()).toBe(false);
     await disabledToggle.toggle();

src/material/tsconfig-build.json

@@ -23,6 +23,7 @@
     "typings.d.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",

src/youtube-player/tsconfig-build.json

@@ -19,6 +19,7 @@
     "typings.d.ts"
   ],
   "angularCompilerOptions": {
+    "enableIvy": false,
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,
     "flatModuleOutFile": "index.js",