test(material-experimental/mdc-slider): add e2e tests (#19937)

* test(material-experimental/mdc-slider): add e2e tests

* remove examples from BUILD

Author: andrewseguin

.github/CODEOWNERS

@@ -234,6 +234,7 @@
 /src/e2e-app/mdc-menu/**                           @crisbeto
 /src/e2e-app/mdc-progress-bar/**                   @crisbeto
 /src/e2e-app/mdc-radio/**                          @mmalerba
+/src/e2e-app/mdc-slider/**                         @andrewseguin
 /src/e2e-app/mdc-slide-toggle/**                   @crisbeto
 /src/e2e-app/mdc-tabs/**                           @crisbeto
 /src/e2e-app/mdc-table/**                          @andrewseguin

src/e2e-app/BUILD.bazel

@@ -42,6 +42,7 @@ ng_module(
         "//src/material-experimental/mdc-progress-bar",
         "//src/material-experimental/mdc-radio",
         "//src/material-experimental/mdc-slide-toggle",
+        "//src/material-experimental/mdc-slider",
         "//src/material-experimental/mdc-table",
         "//src/material-experimental/mdc-tabs",
         "//src/material/button",

src/e2e-app/e2e-app/routes.ts

@@ -19,6 +19,7 @@ import {MdcInputE2E} from '../mdc-input/mdc-input-e2e';
 import {MdcMenuE2e} from '../mdc-menu/mdc-menu-e2e';
 import {MdcRadioE2e} from '../mdc-radio/mdc-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';
 import {MdcProgressBarE2E} from '../mdc-progress-bar/mdc-progress-bar-e2e';
@@ -55,6 +56,7 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'mdc-input', component: MdcInputE2E},
   {path: 'mdc-menu', component: MdcMenuE2e},
   {path: 'mdc-radio', component: MdcRadioE2e},
+  {path: 'mdc-slider', component: MdcSliderE2e},
   {path: 'mdc-slide-toggle', component: MdcSlideToggleE2e},
   {path: 'mdc-tabs', component: MdcTabsE2e},
   {path: 'mdc-table', component: MdcTableE2e},

src/e2e-app/main-module.ts

@@ -26,6 +26,7 @@ import {MdcChipsE2eModule} from './mdc-chips/mdc-chips-e2e-module';
 import {MdcMenuE2eModule} from './mdc-menu/mdc-menu-e2e-module';
 import {MdcRadioE2eModule} from './mdc-radio/mdc-radio-e2e-module';
 import {MdcSlideToggleE2eModule} from './mdc-slide-toggle/mdc-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';
 import {MenuE2eModule} from './menu/menu-e2e-module';
@@ -66,6 +67,7 @@ import {MdcProgressBarE2eModule} from './mdc-progress-bar/mdc-progress-bar-e2e-m
     MdcChipsE2eModule,
     MdcMenuE2eModule,
     MdcRadioE2eModule,
+    MdcSliderE2eModule,
     MdcSlideToggleE2eModule,
     MdcTableE2eModule,
     MdcTabsE2eModule,

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

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {NgModule} from '@angular/core';
+import {MatSliderModule} from '@angular/material-experimental/mdc-slider';
+import {MdcSliderE2e} from './mdc-slider-e2e';
+
+@NgModule({
+  imports: [
+    MatSliderModule,
+  ],
+  declarations: [
+    MdcSliderE2e,
+  ],
+})
+export class MdcSliderE2eModule {
+}

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

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'mdc-slider-e2e',
+  template: `<mat-slider></mat-slider>`,
+})
+export class MdcSliderE2e {
+}

src/material-experimental/mdc-slider/slider.e2e.spec.ts

@@ -0,0 +1,11 @@
+import {browser, by, element} from 'protractor';
+
+describe('mat-slider', () => {
+
+  beforeEach(async () => await browser.get('/mdc-slider'));
+
+  it('should show a slider', async () => {
+    expect(await element(by.tagName('mat-slider')).isPresent()).toBe(true);
+  });
+
+});