test(): screenshot diff for button-toggle (#6374)

* Adds the button-toggle overview example to the e2e app and captures a screenshot diff for it.

e2e/components/button-toggle-e2e.spec.ts

@@ -0,0 +1,13 @@
+import {browser, by, element} from 'protractor';
+import {screenshot} from '../screenshot';
+
+describe('button-toggle', () => {
+
+  beforeEach(() => browser.get('/button-toggle'));
+
+  it('should show a button-toggle', async () => {
+    expect(element(by.tagName('md-button-toggle'))).toBeDefined();
+    screenshot();
+  });
+
+});

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

@@ -18,13 +18,15 @@ import {BlockScrollStrategyE2E} from '../block-scroll-strategy/block-scroll-stra
 import {
   CardFancyExample,
   ListOverviewExample,
-  ToolbarMultirowExample
+  ToolbarMultirowExample,
+  ButtonToggleOverviewExample,
 } from '@angular/material-examples';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},
   {path: 'block-scroll-strategy', component: BlockScrollStrategyE2E},
   {path: 'button', component: ButtonE2E},
+  {path: 'button-toggle', component: ButtonToggleOverviewExample},
   {path: 'checkbox', component: SimpleCheckboxes},
   {path: 'dialog', component: DialogE2E},
   {path: 'fullscreen', component: FullscreenE2E},
@@ -40,5 +42,5 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'slide-toggle', component: SlideToggleE2E},
   {path: 'tabs', component: BasicTabs},
   {path: 'card-fancy', component: CardFancyExample},
-  {path: 'toolbar', component: ToolbarMultirowExample}
+  {path: 'toolbar', component: ToolbarMultirowExample},
 ];

src/material-examples/public_api.ts

@@ -5,3 +5,4 @@ export * from './list-overview/list-overview-example';
 export * from './datepicker-overview/datepicker-overview-example';
 export * from './card-fancy/card-fancy-example';
 export * from './toolbar-multirow/toolbar-multirow-example';
+export * from './button-toggle-overview/button-toggle-overview-example';