build: rename MDC slider e2e demo

Renames the MDC slider e2e demo the remove the MDC prefix. Also adds the slider demo to the navigation.

Author: crisbeto

.github/CODEOWNERS

@@ -260,7 +260,7 @@
 /src/e2e-app/progress-spinner/**                            @mmalerba
 /src/e2e-app/radio/**                                       @mmalerba
 /src/e2e-app/slide-toggle/**                                @crisbeto
-/src/e2e-app/mdc-slider/**                                  @andrewseguin
+/src/e2e-app/slider/**                                      @andrewseguin
 /src/e2e-app/mdc-table/**                                   @andrewseguin
 /src/e2e-app/tabs/**                                        @crisbeto
 /src/e2e-app/select/**                                      @crisbeto

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

@@ -29,6 +29,7 @@ export class E2eAppLayout {
     {path: 'radio', title: 'Radio'},
     {path: 'select', title: 'Select'},
     {path: 'sidenav', title: 'Sidenav'},
+    {path: 'slider', title: 'Slider'},
     {path: 'slide-toggle', title: 'Slide Toggle'},
     {path: 'stepper', title: 'Stepper'},
     {path: 'tabs', title: 'Tabs'},

src/e2e-app/main-module.ts

@@ -20,7 +20,7 @@ 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 {SlideToggleE2eModule} from './slide-toggle/slide-toggle-e2e-module';
-import {MdcSliderE2eModule} from './mdc-slider/mdc-slider-e2e-module';
+import {SliderE2eModule} from './slider/slider-e2e-module';
 import {MdcTableE2eModule} from './mdc-table/mdc-table-e2e-module';
 import {TabsE2eModule} from './tabs/tabs-e2e-module';
 import {E2E_APP_ROUTES} from './routes';
@@ -55,7 +55,7 @@ const enableAnimations = window.location.search.includes('animations=true');
     ProgressBarE2eModule,
     ProgressSpinnerE2eModule,
     RadioE2eModule,
-    MdcSliderE2eModule,
+    SliderE2eModule,
     SlideToggleE2eModule,
     MdcTableE2eModule,
     TabsE2eModule,

src/e2e-app/routes.ts

@@ -16,7 +16,7 @@ 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 {MdcSliderE2e} from './mdc-slider/mdc-slider-e2e';
+import {SliderE2e} from './slider/slider-e2e';
 import {MdcTableE2e} from './mdc-table/mdc-table-e2e';
 import {TabsE2e} from './tabs/tabs-e2e';
 import {SelectE2e} from './select/select-e2e';
@@ -41,12 +41,12 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'progress-bar', component: ProgressBarE2E},
   {path: 'progress-spinner', component: ProgressSpinnerE2e},
   {path: 'radio', component: RadioE2e},
+  {path: 'slider', component: SliderE2e},
   {path: 'slide-toggle', component: SlideToggleE2e},
   {path: 'tabs', component: TabsE2e},
   {path: 'list', component: ListE2e},
   {path: 'button', component: ButtonE2e},
   {path: 'dialog', component: DialogE2E},
-  {path: 'mdc-slider', component: MdcSliderE2e},
   {path: 'mdc-table', component: MdcTableE2e},
   {path: 'select', component: SelectE2e},
   {path: 'sidenav', component: SidenavE2E},

src/e2e-app/mdc-slider/mdc-slider-e2e-module.ts renamed to src/e2e-app/slider/slider-e2e-module.ts

@@ -8,10 +8,10 @@
 
 import {NgModule} from '@angular/core';
 import {MatSliderModule} from '@angular/material/slider';
-import {MdcSliderE2e} from './mdc-slider-e2e';
+import {SliderE2e} from './slider-e2e';
 
 @NgModule({
   imports: [MatSliderModule],
-  declarations: [MdcSliderE2e],
+  declarations: [SliderE2e],
 })
-export class MdcSliderE2eModule {}
+export class SliderE2eModule {}

src/e2e-app/mdc-slider/mdc-slider-e2e.ts renamed to src/e2e-app/slider/slider-e2e.ts

@@ -9,7 +9,7 @@
 import {Component} from '@angular/core';
 
 @Component({
-  selector: 'mdc-slider-e2e',
+  selector: 'slider-e2e',
   template: `
     <mat-slider id="standard-slider" discrete>
       <input aria-label="Standard slider" matSliderThumb>
@@ -25,4 +25,4 @@ import {Component} from '@angular/core';
     </mat-slider>
     `,
 })
-export class MdcSliderE2e {}
+export class SliderE2e {}

src/material/slider/slider.e2e.spec.ts

@@ -11,12 +11,12 @@ import {Thumb} from '@material/slider';
 import {$, browser, by, element, ElementFinder} from 'protractor';
 import {logging} from 'selenium-webdriver';
 
-describe('MDC-based MatSlider', () => {
+describe('MatSlider', () => {
   const getStandardSlider = () => element(by.id('standard-slider'));
   const getDisabledSlider = () => element(by.id('disabled-slider'));
   const getRangeSlider = () => element(by.id('range-slider'));
 
-  beforeEach(async () => await browser.get('mdc-slider'));
+  beforeEach(async () => await browser.get('/slider'));
 
   describe('standard slider', async () => {
     let slider: ElementFinder;