build: switch slide toggle e2e to MDC

Removes the e2e app entry for the legacy slide toggle and renames the MDC slide toggle.

Author: crisbeto

.github/CODEOWNERS

@@ -249,7 +249,6 @@
 /src/e2e-app/expansion/**                                   @andrewseguin
 /src/e2e-app/grid-list/**                                   @andrewseguin
 /src/e2e-app/icon/**                                        @andrewseguin
-/src/e2e-app/legacy-slide-toggle/**                         @devversion
 /src/e2e-app/legacy-tabs/**                                 @andrewseguin
 /src/e2e-app/list/**                                        @andrewseguin
 /src/e2e-app/button/**                                      @andrewseguin
@@ -261,7 +260,7 @@
 /src/e2e-app/progress-bar/**                                @crisbeto
 /src/e2e-app/progress-spinner/**                            @mmalerba
 /src/e2e-app/radio/**                                       @mmalerba
-/src/e2e-app/mdc-slide-toggle/**                            @crisbeto
+/src/e2e-app/slide-toggle/**                                @crisbeto
 /src/e2e-app/mdc-slider/**                                  @andrewseguin
 /src/e2e-app/mdc-table/**                                   @andrewseguin
 /src/e2e-app/mdc-tabs/**                                    @crisbeto

src/e2e-app/BUILD.bazel

@@ -52,7 +52,6 @@ ng_module(
         "//src/material/input",
         "//src/material/legacy-form-field",
         "//src/material/legacy-list",
-        "//src/material/legacy-slide-toggle",
         "//src/material/legacy-tabs",
         "//src/material/menu",
         "//src/material/progress-bar",

src/e2e-app/e2e-app/e2e-app-layout.ts

@@ -35,7 +35,6 @@ export class E2eAppLayout {
     {path: 'cards', title: 'Cards'},
     {path: 'toolbar', title: 'Toolbar'},
     {path: 'virtual-scroll', title: 'Virtual Scroll'},
-    {path: 'mdc-slide-toggle', title: 'MDC Slide Toggle'},
     {path: 'mdc-table', title: 'MDC Table'},
     {path: 'mdc-tabs', title: 'MDC Tabs'},
   ];

src/e2e-app/legacy-slide-toggle/legacy-slide-toggle-e2e-module.ts

@@ -11,7 +11,6 @@ import {E2eAppModule} from './e2e-app/e2e-app-module';
 import {ExpansionE2eModule} from './expansion/expansion-e2e-module';
 import {GridListE2eModule} from './grid-list/grid-list-e2e-module';
 import {IconE2eModule} from './icon/icon-e2e-module';
-import {LegacySlideToggleE2eModule} from './legacy-slide-toggle/legacy-slide-toggle-e2e-module';
 import {LegacyTabsE2eModule} from './legacy-tabs/legacy-tabs-e2e-module';
 import {ListE2eModule} from './list/list-e2e-module';
 import {ButtonE2eModule} from './button/button-e2e-module';
@@ -21,7 +20,7 @@ import {MenuE2eModule} from './menu/menu-e2e-module';
 import {ProgressBarE2eModule} from './progress-bar/progress-bar-e2e-module';
 import {ProgressSpinnerE2eModule} from './progress-spinner/progress-spinner-module';
 import {RadioE2eModule} from './radio/radio-e2e-module';
-import {MdcSlideToggleE2eModule} from './mdc-slide-toggle/mdc-slide-toggle-e2e-module';
+import {SlideToggleE2eModule} from './slide-toggle/slide-toggle-e2e-module';
 import {MdcSliderE2eModule} from './mdc-slider/mdc-slider-e2e-module';
 import {MdcTableE2eModule} from './mdc-table/mdc-table-e2e-module';
 import {MdcTabsE2eModule} from './mdc-tabs/mdc-tabs-e2e-module';
@@ -49,7 +48,6 @@ const enableAnimations = window.location.search.includes('animations=true');
     ExpansionE2eModule,
     GridListE2eModule,
     IconE2eModule,
-    LegacySlideToggleE2eModule,
     LegacyTabsE2eModule,
     ListE2eModule,
     ButtonE2eModule,
@@ -60,7 +58,7 @@ const enableAnimations = window.location.search.includes('animations=true');
     ProgressSpinnerE2eModule,
     RadioE2eModule,
     MdcSliderE2eModule,
-    MdcSlideToggleE2eModule,
+    SlideToggleE2eModule,
     MdcTableE2eModule,
     MdcTabsE2eModule,
     SidenavE2eModule,

src/e2e-app/legacy-slide-toggle/legacy-slide-toggle-e2e.html

@@ -7,7 +7,6 @@ import {Home} from './e2e-app/e2e-app-layout';
 import {ExpansionE2e} from './expansion/expansion-e2e';
 import {GridListE2E} from './grid-list/grid-list-e2e';
 import {IconE2E} from './icon/icon-e2e';
-import {LegacySlideToggleE2e} from './legacy-slide-toggle/legacy-slide-toggle-e2e';
 import {LegacyTabsE2e} from './legacy-tabs/legacy-tabs-e2e';
 import {ListE2e} from './list/list-e2e';
 import {ButtonE2e} from './button/button-e2e';
@@ -18,7 +17,6 @@ import {MenuE2e} from './menu/menu-e2e';
 import {ProgressBarE2E} from './progress-bar/progress-bar-e2e';
 import {ProgressSpinnerE2e} from './progress-spinner/progress-spinner-e2e';
 import {RadioE2e} from './radio/radio-e2e';
-import {MdcSlideToggleE2e} from './mdc-slide-toggle/mdc-slide-toggle-e2e';
 import {MdcSliderE2e} from './mdc-slider/mdc-slider-e2e';
 import {MdcTableE2e} from './mdc-table/mdc-table-e2e';
 import {MdcTabsE2e} from './mdc-tabs/mdc-tabs-e2e';
@@ -27,6 +25,7 @@ import {SidenavE2E} from './sidenav/sidenav-e2e';
 import {StepperE2e} from './stepper/stepper-e2e';
 import {ToolbarE2e} from './toolbar/toolbar-e2e';
 import {VirtualScrollE2E} from './virtual-scroll/virtual-scroll-e2e';
+import {SlideToggleE2e} from './slide-toggle/slide-toggle-e2e';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},
@@ -43,12 +42,11 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'progress-bar', component: ProgressBarE2E},
   {path: 'progress-spinner', component: ProgressSpinnerE2e},
   {path: 'radio', component: RadioE2e},
-  {path: 'legacy-slide-toggle', component: LegacySlideToggleE2e},
+  {path: 'slide-toggle', component: SlideToggleE2e},
   {path: 'legacy-tabs', component: LegacyTabsE2e},
   {path: 'list', component: ListE2e},
   {path: 'button', component: ButtonE2e},
   {path: 'dialog', component: DialogE2E},
-  {path: 'mdc-slide-toggle', component: MdcSlideToggleE2e},
   {path: 'mdc-slider', component: MdcSliderE2e},
   {path: 'mdc-table', component: MdcTableE2e},
   {path: 'mdc-tabs', component: MdcTabsE2e},

src/e2e-app/legacy-slide-toggle/legacy-slide-toggle-e2e.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
-import {MdcSlideToggleE2e} from './mdc-slide-toggle-e2e';
+import {SlideToggleE2e} from './slide-toggle-e2e';
 
 @NgModule({
   imports: [MatSlideToggleModule],
-  declarations: [MdcSlideToggleE2e],
+  declarations: [SlideToggleE2e],
 })
-export class MdcSlideToggleE2eModule {}
+export class SlideToggleE2eModule {}

src/e2e-app/main-module.ts

@@ -9,7 +9,7 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'mdc-slide-toggle-e2e',
-  templateUrl: 'mdc-slide-toggle-e2e.html',
+  selector: 'slide-toggle-e2e',
+  templateUrl: 'slide-toggle-e2e.html',
 })
-export class MdcSlideToggleE2e {}
+export class SlideToggleE2e {}

src/e2e-app/routes.ts

@@ -1,7 +1,5 @@
-load("//src/e2e-app:test_suite.bzl", "e2e_test_suite")
 load(
     "//tools:defaults.bzl",
-    "ng_e2e_test_library",
     "ng_module",
     "ng_test_library",
     "ng_web_test_suite",
@@ -48,10 +46,7 @@ sass_binary(
 
 ng_test_library(
     name = "unit_test_sources",
-    srcs = glob(
-        ["**/*.spec.ts"],
-        exclude = ["**/*.e2e.spec.ts"],
-    ),
+    srcs = glob(["**/*.spec.ts"]),
     deps = [
         ":legacy-slide-toggle",
         "//src/cdk/a11y",
@@ -68,22 +63,6 @@ ng_web_test_suite(
     deps = [":unit_test_sources"],
 )
 
-ng_e2e_test_library(
-    name = "e2e_test_sources",
-    srcs = glob(["**/*.e2e.spec.ts"]),
-    deps = [
-        "//src/cdk/testing/private/e2e",
-    ],
-)
-
-e2e_test_suite(
-    name = "e2e_tests",
-    deps = [
-        ":e2e_test_sources",
-        "//src/cdk/testing/private/e2e",
-    ],
-)
-
 filegroup(
     name = "source-files",
     srcs = glob(["**/*.ts"]),

src/e2e-app/mdc-slide-toggle/mdc-slide-toggle-e2e-module.ts renamed to src/e2e-app/slide-toggle/slide-toggle-e2e-module.ts

@@ -1,11 +1,11 @@
 import {browser, element, by, Key} from 'protractor';
 import {expectToExist} from '../../cdk/testing/private/e2e';
 
-describe('MDC-based slide-toggle', () => {
+describe('slide-toggle', () => {
   const getButton = () => element(by.css('#normal-slide-toggle button'));
   const getNormalToggle = () => element(by.css('#normal-slide-toggle'));
 
-  beforeEach(async () => await browser.get('mdc-slide-toggle'));
+  beforeEach(async () => await browser.get('/slide-toggle'));
 
   it('should render a slide-toggle', async () => {
     await expectToExist('mat-slide-toggle');