build: update MDC to latest canary and simplify bazel setup

Updates MDC to the latest canary version which contains:
material-components/material-components-web@9808de0.

This change allows us to remove the RequireJS configuration
files. While removing these files, we also simplify our
Bazel Karma test suite setup so that no MDC UMD bundles
need to be specified manually. This was cumbersome and especially
time-consuming because the old setup also required developers
to manually determine which transitive MDC UMD bundles are needed.

The new setup always includes all MDC UMD files in Karma web
test suites. Ideally this would not be needed at all, but due
to a limitation in `rules_nodejs`, the MDC UMD files cannot
be resolved automatically from the `deps`. We could archive this
using a custom Bazel rule (confirmed in some experiments that it is
possible), but this rule will become quite complex and seem like a
bandaid. Eventually the Bazel NodeJS rules should be able to determine
named AMD files out-of-the box when installing the node modules.

Author: devversion

package.json

@@ -64,7 +64,7 @@
     "@types/googlemaps": "^3.43.1",
     "@types/youtube": "^0.0.42",
     "core-js-bundle": "^3.8.2",
-    "material-components-web": "12.0.0-canary.22d29cbb4.0",
+    "material-components-web": "12.0.0-canary.5f00e454a.0",
     "rxjs": "^6.5.3",
     "rxjs-tslint-rules": "^4.33.1",
     "systemjs": "0.19.43",
@@ -96,53 +96,53 @@
     "@bazel/terser": "4.0.0-beta.0",
     "@bazel/typescript": "4.0.0-beta.0",
     "@firebase/app-types": "^0.6.1",
-    "@material/animation": "12.0.0-canary.22d29cbb4.0",
-    "@material/auto-init": "12.0.0-canary.22d29cbb4.0",
-    "@material/banner": "12.0.0-canary.22d29cbb4.0",
-    "@material/base": "12.0.0-canary.22d29cbb4.0",
-    "@material/button": "12.0.0-canary.22d29cbb4.0",
-    "@material/card": "12.0.0-canary.22d29cbb4.0",
-    "@material/checkbox": "12.0.0-canary.22d29cbb4.0",
-    "@material/chips": "12.0.0-canary.22d29cbb4.0",
-    "@material/circular-progress": "12.0.0-canary.22d29cbb4.0",
-    "@material/data-table": "12.0.0-canary.22d29cbb4.0",
-    "@material/density": "12.0.0-canary.22d29cbb4.0",
-    "@material/dialog": "12.0.0-canary.22d29cbb4.0",
-    "@material/dom": "12.0.0-canary.22d29cbb4.0",
-    "@material/drawer": "12.0.0-canary.22d29cbb4.0",
-    "@material/elevation": "12.0.0-canary.22d29cbb4.0",
-    "@material/fab": "12.0.0-canary.22d29cbb4.0",
-    "@material/feature-targeting": "12.0.0-canary.22d29cbb4.0",
-    "@material/floating-label": "12.0.0-canary.22d29cbb4.0",
-    "@material/form-field": "12.0.0-canary.22d29cbb4.0",
-    "@material/icon-button": "12.0.0-canary.22d29cbb4.0",
-    "@material/image-list": "12.0.0-canary.22d29cbb4.0",
-    "@material/layout-grid": "12.0.0-canary.22d29cbb4.0",
-    "@material/line-ripple": "12.0.0-canary.22d29cbb4.0",
-    "@material/linear-progress": "12.0.0-canary.22d29cbb4.0",
-    "@material/list": "12.0.0-canary.22d29cbb4.0",
-    "@material/menu": "12.0.0-canary.22d29cbb4.0",
-    "@material/menu-surface": "12.0.0-canary.22d29cbb4.0",
-    "@material/notched-outline": "12.0.0-canary.22d29cbb4.0",
-    "@material/radio": "12.0.0-canary.22d29cbb4.0",
-    "@material/ripple": "12.0.0-canary.22d29cbb4.0",
-    "@material/rtl": "12.0.0-canary.22d29cbb4.0",
-    "@material/segmented-button": "12.0.0-canary.22d29cbb4.0",
-    "@material/select": "12.0.0-canary.22d29cbb4.0",
-    "@material/shape": "12.0.0-canary.22d29cbb4.0",
-    "@material/slider": "12.0.0-canary.22d29cbb4.0",
-    "@material/snackbar": "12.0.0-canary.22d29cbb4.0",
-    "@material/switch": "12.0.0-canary.22d29cbb4.0",
-    "@material/tab": "12.0.0-canary.22d29cbb4.0",
-    "@material/tab-bar": "12.0.0-canary.22d29cbb4.0",
-    "@material/tab-indicator": "12.0.0-canary.22d29cbb4.0",
-    "@material/tab-scroller": "12.0.0-canary.22d29cbb4.0",
-    "@material/textfield": "12.0.0-canary.22d29cbb4.0",
-    "@material/theme": "12.0.0-canary.22d29cbb4.0",
-    "@material/tooltip": "12.0.0-canary.22d29cbb4.0",
-    "@material/top-app-bar": "12.0.0-canary.22d29cbb4.0",
-    "@material/touch-target": "12.0.0-canary.22d29cbb4.0",
-    "@material/typography": "12.0.0-canary.22d29cbb4.0",
+    "@material/animation": "12.0.0-canary.5f00e454a.0",
+    "@material/auto-init": "12.0.0-canary.5f00e454a.0",
+    "@material/banner": "12.0.0-canary.5f00e454a.0",
+    "@material/base": "12.0.0-canary.5f00e454a.0",
+    "@material/button": "12.0.0-canary.5f00e454a.0",
+    "@material/card": "12.0.0-canary.5f00e454a.0",
+    "@material/checkbox": "12.0.0-canary.5f00e454a.0",
+    "@material/chips": "12.0.0-canary.5f00e454a.0",
+    "@material/circular-progress": "12.0.0-canary.5f00e454a.0",
+    "@material/data-table": "12.0.0-canary.5f00e454a.0",
+    "@material/density": "12.0.0-canary.5f00e454a.0",
+    "@material/dialog": "12.0.0-canary.5f00e454a.0",
+    "@material/dom": "12.0.0-canary.5f00e454a.0",
+    "@material/drawer": "12.0.0-canary.5f00e454a.0",
+    "@material/elevation": "12.0.0-canary.5f00e454a.0",
+    "@material/fab": "12.0.0-canary.5f00e454a.0",
+    "@material/feature-targeting": "12.0.0-canary.5f00e454a.0",
+    "@material/floating-label": "12.0.0-canary.5f00e454a.0",
+    "@material/form-field": "12.0.0-canary.5f00e454a.0",
+    "@material/icon-button": "12.0.0-canary.5f00e454a.0",
+    "@material/image-list": "12.0.0-canary.5f00e454a.0",
+    "@material/layout-grid": "12.0.0-canary.5f00e454a.0",
+    "@material/line-ripple": "12.0.0-canary.5f00e454a.0",
+    "@material/linear-progress": "12.0.0-canary.5f00e454a.0",
+    "@material/list": "12.0.0-canary.5f00e454a.0",
+    "@material/menu": "12.0.0-canary.5f00e454a.0",
+    "@material/menu-surface": "12.0.0-canary.5f00e454a.0",
+    "@material/notched-outline": "12.0.0-canary.5f00e454a.0",
+    "@material/radio": "12.0.0-canary.5f00e454a.0",
+    "@material/ripple": "12.0.0-canary.5f00e454a.0",
+    "@material/rtl": "12.0.0-canary.5f00e454a.0",
+    "@material/segmented-button": "12.0.0-canary.5f00e454a.0",
+    "@material/select": "12.0.0-canary.5f00e454a.0",
+    "@material/shape": "12.0.0-canary.5f00e454a.0",
+    "@material/slider": "12.0.0-canary.5f00e454a.0",
+    "@material/snackbar": "12.0.0-canary.5f00e454a.0",
+    "@material/switch": "12.0.0-canary.5f00e454a.0",
+    "@material/tab": "12.0.0-canary.5f00e454a.0",
+    "@material/tab-bar": "12.0.0-canary.5f00e454a.0",
+    "@material/tab-indicator": "12.0.0-canary.5f00e454a.0",
+    "@material/tab-scroller": "12.0.0-canary.5f00e454a.0",
+    "@material/textfield": "12.0.0-canary.5f00e454a.0",
+    "@material/theme": "12.0.0-canary.5f00e454a.0",
+    "@material/tooltip": "12.0.0-canary.5f00e454a.0",
+    "@material/top-app-bar": "12.0.0-canary.5f00e454a.0",
+    "@material/touch-target": "12.0.0-canary.5f00e454a.0",
+    "@material/typography": "12.0.0-canary.5f00e454a.0",
     "@octokit/rest": "18.3.5",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^18.0.0",

packages.bzl

@@ -2,7 +2,7 @@
 # all in-sync. This map is passed to each ng_package rule to stamp out the appropriate
 # version for the placeholders.
 ANGULAR_PACKAGE_VERSION = "^12.0.0 || ^13.0.0-0"
-MDC_PACKAGE_VERSION = "12.0.0-canary.22d29cbb4.0"
+MDC_PACKAGE_VERSION = "12.0.0-canary.5f00e454a.0"
 TSLIB_PACKAGE_VERSION = "^2.2.0"
 RXJS_PACKAGE_VERSION = "^6.5.3"
 
@@ -22,6 +22,42 @@ VERSION_PLACEHOLDER_REPLACEMENTS = {
     "0.0.0-RXJS": RXJS_PACKAGE_VERSION,
 }
 
+# Map of MDC packages and their UMD bundles. These are used for unit tests and the dev-app.
+MDC_PACKAGE_UMD_BUNDLES = {
+    "@material/animation": "@npm//:node_modules/@material/animation/dist/mdc.animation.js",
+    "@material/auto-init": "@npm//:node_modules/@material/auto-init/dist/mdc.autoInit.js",
+    "@material/base": "@npm//:node_modules/@material/base/dist/mdc.base.js",
+    "@material/checkbox": "@npm//:node_modules/@material/checkbox/dist/mdc.checkbox.js",
+    "@material/chips": "@npm//:node_modules/@material/chips/dist/mdc.chips.js",
+    "@material/circular-progress": "@npm//:node_modules/@material/circular-progress/dist/mdc.circularProgress.js",
+    "@material/data-table": "@npm//:node_modules/@material/data-table/dist/mdc.dataTable.js",
+    "@material/dialog": "@npm//:node_modules/@material/dialog/dist/mdc.dialog.js",
+    "@material/dom": "@npm//:node_modules/@material/dom/dist/mdc.dom.js",
+    "@material/drawer": "@npm//:node_modules/@material/drawer/dist/mdc.drawer.js",
+    "@material/floating-label": "@npm//:node_modules/@material/floating-label/dist/mdc.floatingLabel.js",
+    "@material/form-field": "@npm//:node_modules/@material/form-field/dist/mdc.formField.js",
+    "@material/icon-button": "@npm//:node_modules/@material/icon-button/dist/mdc.iconButton.js",
+    "@material/line-ripple": "@npm//:node_modules/@material/line-ripple/dist/mdc.lineRipple.js",
+    "@material/linear-progress": "@npm//:node_modules/@material/linear-progress/dist/mdc.linearProgress.js",
+    "@material/list": "@npm//:node_modules/@material/list/dist/mdc.list.js",
+    "@material/menu-surface": "@npm//:node_modules/@material/menu-surface/dist/mdc.menuSurface.js",
+    "@material/menu": "@npm//:node_modules/@material/menu/dist/mdc.menu.js",
+    "@material/notched-outline": "@npm//:node_modules/@material/notched-outline/dist/mdc.notchedOutline.js",
+    "@material/radio": "@npm//:node_modules/@material/radio/dist/mdc.radio.js",
+    "@material/ripple": "@npm//:node_modules/@material/ripple/dist/mdc.ripple.js",
+    "@material/select": "@npm//:node_modules/@material/select/dist/mdc.select.js",
+    "@material/slider": "@npm//:node_modules/@material/slider/dist/mdc.slider.js",
+    "@material/snackbar": "@npm//:node_modules/@material/snackbar/dist/mdc.snackbar.js",
+    "@material/switch": "@npm//:node_modules/@material/switch/dist/mdc.switch.js",
+    "@material/tab-bar": "@npm//:node_modules/@material/tab-bar/dist/mdc.tabBar.js",
+    "@material/tab-indicator": "@npm//:node_modules/@material/tab-indicator/dist/mdc.tabIndicator.js",
+    "@material/tab-scroller": "@npm//:node_modules/@material/tab-scroller/dist/mdc.tabScroller.js",
+    "@material/tab": "@npm//:node_modules/@material/tab/dist/mdc.tab.js",
+    "@material/textfield": "@npm//:node_modules/@material/textfield/dist/mdc.textfield.js",
+    "@material/tooltip": "@npm//:node_modules/@material/tooltip/dist/mdc.tooltip.js",
+    "@material/top-app-bar": "@npm//:node_modules/@material/top-app-bar/dist/mdc.topAppBar.js",
+}
+
 # List of default Angular library UMD bundles which are not processed by ngcc.
 ANGULAR_NO_NGCC_BUNDLES = [
     ("@angular/compiler", ["compiler.umd.js"]),

rollup-globals.bzl

@@ -6,6 +6,7 @@ load(
     "MATERIAL_EXPERIMENTAL_ENTRYPOINTS",
     "MATERIAL_EXPERIMENTAL_TESTING_ENTRYPOINTS",
 )
+load("//:packages.bzl", "MDC_PACKAGE_UMD_BUNDLES")
 
 # Base rollup globals for everything in the repo. Note that we want to disable
 # sorting of the globals as we manually group dict entries.
@@ -36,42 +37,9 @@ ROLLUP_GLOBALS = {
     "@angular/material-moment-adapter": "ng.materialMomentAdapter",
     "@angular/youtube-player": "ng.youtubePlayer",
 
-    # MDC Web
-    "@material/animation": "mdc.animation",
-    "@material/auto-init": "mdc.autoInit",
-    "@material/base": "mdc.base",
     # This UMD module name would not match with anything that MDC provides, but we just
     # add this to make the linter happy. This module resolves to a type-only file anyways.
     "@material/base/types": "mdc.base.types",
-    "@material/checkbox": "mdc.checkbox",
-    "@material/circular-progress": "mdc.circularProgress",
-    "@material/chips": "mdc.chips",
-    "@material/dialog": "mdc.dialog",
-    "@material/dom": "mdc.dom",
-    "@material/drawer": "mdc.drawer",
-    "@material/floating-label": "mdc.floatingLabel",
-    "@material/form-field": "mdc.formField",
-    "@material/grid-list": "mdc.gridList",
-    "@material/icon-button": "mdc.iconButton",
-    "@material/line-ripple": "mdc.lineRipple",
-    "@material/linear-progress": "mdc.linearProgress",
-    "@material/list": "mdc.list",
-    "@material/menu": "mdc.menu",
-    "@material/menu-surface": "mdc.menuSurface",
-    "@material/notched-outline": "mdc.notchedOutline",
-    "@material/radio": "mdc.radio",
-    "@material/ripple": "mdc.ripple",
-    "@material/select": "mdc.select",
-    "@material/slider": "mdc.slider",
-    "@material/snackbar": "mdc.snackbar",
-    "@material/switch": "mdc.switch",
-    "@material/tab": "mdc.tab",
-    "@material/tab-bar": "mdc.tabBar",
-    "@material/tab-indicator": "mdc.tabIndicator",
-    "@material/tab-scroller": "mdc.tabScroller",
-    "@material/textfield": "mdc.textfield",
-    "@material/tooltip": "mdc.tooltip",
-    "@material/top-app-bar": "mdc.topAppBar",
 
     # Third-party libraries.
     "kagekiri": "kagekiri",
@@ -85,15 +53,23 @@ ROLLUP_GLOBALS = {
 }
 
 # Converts a string from dash-case to lower camel case.
-def to_camel_case(input):
+def to_lower_camel_case(input):
     segments = input.split("-")
     return segments[0] + "".join([x.title() for x in segments[1:]])
 
+# Configures the rollup globals for all MDC packages.
+def setup_mdc_globals():
+    for pkg_name in MDC_PACKAGE_UMD_BUNDLES:
+        entry_point_name = pkg_name[len("@material/"):]
+        pkg_umd_name = "mdc.%s" % to_lower_camel_case(entry_point_name)
+
+        ROLLUP_GLOBALS.update({pkg_name: pkg_umd_name})
+
 # Converts an entry-point name to a UMD module name.
 # e.g. "snack-bar/testing" will become "snackBar.testing".
 def to_umd_name(name):
     segments = name.split("/")
-    return ".".join([to_camel_case(x) for x in segments])
+    return ".".join([to_lower_camel_case(x) for x in segments])
 
 # Creates globals for a given package and its entry-points.
 def create_globals(packageName, entryPoints):
@@ -102,6 +78,8 @@ def create_globals(packageName, entryPoints):
         for ep in entryPoints
     })
 
+setup_mdc_globals()
+
 create_globals("cdk", CDK_ENTRYPOINTS)
 create_globals("cdk-experimental", CDK_EXPERIMENTAL_ENTRYPOINTS)
 create_globals("material", MATERIAL_ENTRYPOINTS + MATERIAL_TESTING_ENTRYPOINTS)

src/dev-app/BUILD.bazel

@@ -1,5 +1,6 @@
 load("@npm//@angular/dev-infra-private/bazel:extract_js_module_output.bzl", "extract_js_module_output")
 load("@build_bazel_rules_nodejs//:index.bzl", "pkg_web")
+load("//:packages.bzl", "MDC_PACKAGE_UMD_BUNDLES")
 load("//tools:create-system-config.bzl", "create_system_config")
 load("//tools:defaults.bzl", "ng_module", "sass_binary")
 load("//tools/dev-server:index.bzl", "dev_server")
@@ -142,45 +143,13 @@ filegroup(
         ":variables",
         "//src/dev-app/icon:icon_demo_assets",
         "//tools:system-rxjs-operators.js",
-        "@npm//:node_modules/@material/animation/dist/mdc.animation.js",
-        "@npm//:node_modules/@material/auto-init/dist/mdc.autoInit.js",
-        "@npm//:node_modules/@material/base/dist/mdc.base.js",
-        "@npm//:node_modules/@material/checkbox/dist/mdc.checkbox.js",
-        "@npm//:node_modules/@material/chips/dist/mdc.chips.js",
-        "@npm//:node_modules/@material/circular-progress/dist/mdc.circularProgress.js",
-        "@npm//:node_modules/@material/data-table/dist/mdc.dataTable.js",
-        "@npm//:node_modules/@material/dialog/dist/mdc.dialog.js",
-        "@npm//:node_modules/@material/dom/dist/mdc.dom.js",
-        "@npm//:node_modules/@material/drawer/dist/mdc.drawer.js",
-        "@npm//:node_modules/@material/floating-label/dist/mdc.floatingLabel.js",
-        "@npm//:node_modules/@material/form-field/dist/mdc.formField.js",
-        "@npm//:node_modules/@material/icon-button/dist/mdc.iconButton.js",
-        "@npm//:node_modules/@material/line-ripple/dist/mdc.lineRipple.js",
-        "@npm//:node_modules/@material/linear-progress/dist/mdc.linearProgress.js",
-        "@npm//:node_modules/@material/list/dist/mdc.list.js",
-        "@npm//:node_modules/@material/menu-surface/dist/mdc.menuSurface.js",
-        "@npm//:node_modules/@material/menu/dist/mdc.menu.js",
-        "@npm//:node_modules/@material/notched-outline/dist/mdc.notchedOutline.js",
-        "@npm//:node_modules/@material/radio/dist/mdc.radio.js",
-        "@npm//:node_modules/@material/ripple/dist/mdc.ripple.js",
-        "@npm//:node_modules/@material/select/dist/mdc.select.js",
-        "@npm//:node_modules/@material/slider/dist/mdc.slider.js",
-        "@npm//:node_modules/@material/snackbar/dist/mdc.snackbar.js",
-        "@npm//:node_modules/@material/switch/dist/mdc.switch.js",
-        "@npm//:node_modules/@material/tab-bar/dist/mdc.tabBar.js",
-        "@npm//:node_modules/@material/tab-indicator/dist/mdc.tabIndicator.js",
-        "@npm//:node_modules/@material/tab-scroller/dist/mdc.tabScroller.js",
-        "@npm//:node_modules/@material/tab/dist/mdc.tab.js",
-        "@npm//:node_modules/@material/textfield/dist/mdc.textfield.js",
-        "@npm//:node_modules/@material/tooltip/dist/mdc.tooltip.js",
-        "@npm//:node_modules/@material/top-app-bar/dist/mdc.topAppBar.js",
         "@npm//:node_modules/core-js-bundle/index.js",
         "@npm//:node_modules/moment/min/moment-with-locales.min.js",
         "@npm//:node_modules/rxjs/bundles/rxjs.umd.min.js",
         "@npm//:node_modules/systemjs/dist/system.js",
         "@npm//:node_modules/tslib/tslib.js",
         "@npm//:node_modules/zone.js/dist/zone.js",
-    ],
+    ] + MDC_PACKAGE_UMD_BUNDLES.values(),
 )
 
 dev_server(

src/e2e-app/devserver-configure.js

@@ -6,39 +6,5 @@ require.config({
 
     // Support for lazy-loading of component examples.
     '@angular/components-examples': 'angular_material/src/components-examples',
-
-    // MDC Web
-    '@material/animation': '@material/animation/dist/mdc.animation',
-    '@material/auto-init': '@material/auto-init/dist/mdc.autoInit',
-    '@material/base': '@material/base/dist/mdc.base',
-    '@material/checkbox': '@material/checkbox/dist/mdc.checkbox',
-    '@material/chips': '@material/chips/dist/mdc.chips',
-    '@material/circular-progress': '@material/circular-progress/dist/mdc.circularProgress',
-    '@material/dialog': '@material/dialog/dist/mdc.dialog',
-    '@material/dom': '@material/dom/dist/mdc.dom',
-    '@material/drawer': '@material/drawer/dist/mdc.drawer',
-    '@material/floating-label': '@material/floating-label/dist/mdc.floatingLabel',
-    '@material/form-field': '@material/form-field/dist/mdc.formField',
-    '@material/grid-list': '@material/grid-list/dist/mdc.gridList',
-    '@material/icon-button': '@material/icon-button/dist/mdc.iconButton',
-    '@material/line-ripple': '@material/line-ripple/dist/mdc.lineRipple',
-    '@material/linear-progress': '@material/linear-progress/dist/mdc.linearProgress',
-    '@material/list': '@material/list/dist/mdc.list',
-    '@material/menu': '@material/menu/dist/mdc.menu',
-    '@material/menu-surface': '@material/menu-surface/dist/mdc.menuSurface',
-    '@material/notched-outline': '@material/notched-outline/dist/mdc.notchedOutline',
-    '@material/radio': '@material/radio/dist/mdc.radio',
-    '@material/ripple': '@material/ripple/dist/mdc.ripple',
-    '@material/select': '@material/select/dist/mdc.select',
-    '@material/slider': '@material/slider/dist/mdc.slider',
-    '@material/snackbar': '@material/snackbar/dist/mdc.snackbar',
-    '@material/switch': '@material/switch/dist/mdc.switch',
-    '@material/tab': '@material/tab/dist/mdc.tab',
-    '@material/tab-bar': '@material/tab-bar/dist/mdc.tabBar',
-    '@material/tab-indicator': '@material/tab-indicator/dist/mdc.tabIndicator',
-    '@material/tab-scroller': '@material/tab-scroller/dist/mdc.tabScroller',
-    '@material/textfield': '@material/textfield/dist/mdc.textfield',
-    '@material/tooltip': '@material/tooltip/dist/mdc.tooltip',
-    '@material/top-app-bar': '@material/top-app-bar/dist/mdc.topAppBar',
   }
 });

src/material-experimental/BUILD.bazel

@@ -8,8 +8,6 @@ load("//tools:defaults.bzl", "ng_package", "sass_library", "ts_library")
 
 package(default_visibility = ["//visibility:public"])
 
-exports_files(["mdc_require_config.js"])
-
 ts_library(
     name = "material-experimental",
     srcs = glob(

src/material-experimental/mdc-autocomplete/BUILD.bazel

@@ -71,14 +71,7 @@ ng_test_library(
 
 ng_web_test_suite(
     name = "unit_tests",
-    static_files = [
-        "@npm//:node_modules/@material/textfield/dist/mdc.textfield.js",
-        "@npm//:node_modules/@material/line-ripple/dist/mdc.lineRipple.js",
-        "@npm//:node_modules/@material/notched-outline/dist/mdc.notchedOutline.js",
-        "@npm//:node_modules/@material/dom/dist/mdc.dom.js",
-    ],
     deps = [
         ":mdc_autocomplete_tests_lib",
-        "//src/material-experimental:mdc_require_config.js",
     ],
 )

src/material-experimental/mdc-button/BUILD.bazel

@@ -104,10 +104,8 @@ ng_test_library(
 
 ng_web_test_suite(
     name = "unit_tests",
-    static_files = ["@npm//:node_modules/@material/ripple/dist/mdc.ripple.js"],
     deps = [
         ":button_tests_lib",
-        "//src/material-experimental:mdc_require_config.js",
     ],
 )
 

src/material-experimental/mdc-button/testing/BUILD.bazel

@@ -27,9 +27,7 @@ ng_test_library(
 
 ng_web_test_suite(
     name = "unit_tests",
-    static_files = ["@npm//:node_modules/@material/ripple/dist/mdc.ripple.js"],
     deps = [
         ":unit_tests_lib",
-        "//src/material-experimental:mdc_require_config.js",
     ],
 )