chore: remove screenshot testing (#12155)

Removes the screenshot test tool since Angular Material is visually being tested inside of Google.

Author: devversion

.gitignore

@@ -4,7 +4,6 @@
 /dist
 /tmp
 /deploy
-/screenshots
 /bazel-out
 
 # Example module file will be auto-generated.

.travis.yml

@@ -40,8 +40,6 @@ jobs:
       if: type = push
     - env: "DEPLOY_MODE=docs-content"
       if: type = push
-    - env: "DEPLOY_MODE=screenshot-tool"
-      if: type = cron
     - env: "DEPLOY_MODE=dashboard"
       if: type = cron
     # Closure Compiler CI check is temporarily disabled until a new version of

DEV_ENVIRONMENT.md

@@ -24,6 +24,3 @@ To run lint, run `gulp lint`.
 
 ### Running benchmarks
 Not yet implemented.
-
-### Running screenshot diff tests
-Not yet implemented.

e2e/components/block-scroll-strategy-e2e.spec.ts

@@ -1,5 +1,4 @@
 import {browser, Key, element, by} from 'protractor';
-import {screenshot} from '../screenshot';
 import {getScrollPosition} from '../util/index';
 
 
@@ -18,8 +17,6 @@ describe('scroll blocking', () => {
     clickOn('disable');
     scrollPage(0, 300);
     expect((await getScrollPosition()).y).toBe(300, 'Exected page to be scrollable again.');
-
-    screenshot();
   });
 
   it('should not be able to scroll programmatically along the y axis', async () => {
@@ -33,8 +30,6 @@ describe('scroll blocking', () => {
     clickOn('disable');
     scrollPage(300, 0);
     expect((await getScrollPosition()).x).toBe(300, 'Exected page to be scrollable again.');
-
-    screenshot();
   });
 
   it('should not be able to scroll via the keyboard along the y axis', async () => {
@@ -55,8 +50,6 @@ describe('scroll blocking', () => {
     await body.sendKeys(Key.ARROW_DOWN);
     expect((await getScrollPosition()).y)
         .toBeGreaterThan(100, 'Expected the page to be scrollable again.');
-
-    screenshot();
   });
 
   it('should not be able to scroll via the keyboard along the x axis', async () => {
@@ -77,8 +70,6 @@ describe('scroll blocking', () => {
     await body.sendKeys(Key.ARROW_RIGHT);
     expect((await getScrollPosition()).x)
         .toBeGreaterThan(100, 'Expected the page to be scrollable again.');
-
-    screenshot();
   });
 
   it('should not be able to scroll the page after reaching the end of an element along the y axis',
@@ -94,8 +85,6 @@ describe('scroll blocking', () => {
       scroller.sendKeys(Key.ARROW_DOWN);
       scroller.sendKeys(Key.ARROW_DOWN);
       expect((await getScrollPosition()).y).toBe(100, 'Expected the page not to have scrolled.');
-
-      screenshot();
     });
 
   it('should not be able to scroll the page after reaching the end of an element along the x axis',
@@ -111,8 +100,6 @@ describe('scroll blocking', () => {
       scroller.sendKeys(Key.ARROW_RIGHT);
       scroller.sendKeys(Key.ARROW_RIGHT);
       expect((await getScrollPosition()).x).toBe(100, 'Expected the page not to have scrolled.');
-
-      screenshot();
     });
 });
 

e2e/components/button-e2e.spec.ts

@@ -1,6 +1,4 @@
 import {browser, by, element, ExpectedConditions} from 'protractor';
-import {screenshot} from '../screenshot';
-
 
 describe('button', () => {
   describe('disabling behavior', () => {
@@ -12,15 +10,13 @@ describe('button', () => {
 
       await browser.wait(ExpectedConditions.not(
         ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
-      screenshot('clicked once');
 
       element(by.id('disable-toggle')).click();
       element(by.id('test-button')).click();
       expect(await element(by.id('click-counter')).getText()).toEqual('1');
 
       await browser.wait(ExpectedConditions.not(
         ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
-      screenshot('click disabled');
     });
   });
 });

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

@@ -1,13 +1,11 @@
 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('mat-button-toggle'))).toBeDefined();
-    screenshot();
   });
 
 });

e2e/components/card-e2e.spec.ts

@@ -1,5 +1,4 @@
 import {browser, by, element} from 'protractor';
-import {screenshot} from '../screenshot';
 
 describe('mat-card', () => {
 
@@ -8,8 +7,6 @@ describe('mat-card', () => {
   it('should show a card', async () => {
     const card = element(by.tagName('mat-card'));
     expect(card).toBeDefined();
-
-    screenshot('fancy card example');
   });
 
 });

e2e/components/checkbox-e2e.spec.ts

@@ -1,6 +1,4 @@
 import {browser, by, element, Key, ExpectedConditions} from 'protractor';
-import {screenshot} from '../screenshot';
-
 
 describe('checkbox', () => {
 
@@ -11,15 +9,13 @@ describe('checkbox', () => {
       let checkboxEl = element(by.id('test-checkbox'));
       let inputEl = element(by.css('input[id=test-checkbox-input]'));
 
-      screenshot('start');
       checkboxEl.click();
 
       expect(inputEl.getAttribute('checked'))
           .toBeTruthy('Expect checkbox "checked" property to be true');
 
       await browser.wait(ExpectedConditions.not(
         ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
-      screenshot('checked');
 
       checkboxEl.click();
 
@@ -28,7 +24,6 @@ describe('checkbox', () => {
 
       await browser.wait(ExpectedConditions.not(
         ExpectedConditions.presenceOf(element(by.css('div.mat-ripple-element')))));
-      screenshot('unchecked');
     });
 
     it('should toggle the checkbox when pressing space', () => {

e2e/components/dialog-e2e.spec.ts

@@ -6,16 +6,13 @@ import {
   clickElementAtPoint,
   waitForElement,
 } from '../util/index';
-import {screenshot} from '../screenshot';
-
 
 describe('dialog', () => {
   beforeEach(() => browser.get('/dialog'));
 
   it('should open a dialog', () => {
     element(by.id('default')).click();
     expectToExist('mat-dialog-container');
-    screenshot('simple dialog opened');
   });
 
   it('should open a template dialog', () => {

e2e/components/expansion-e2e.spec.ts

@@ -1,18 +1,15 @@
 import {browser, by, element} from 'protractor';
-import {screenshot} from '../screenshot';
 
 describe('expansion', () => {
 
   beforeEach(() => browser.get('/expansion'));
 
   it('should show an accordion', async () => {
     expect(element(by.css('.mat-accordion'))).toBeDefined();
-    screenshot();
   });
 
   it('should show two panels', async () => {
     expect(await element.all(by.css('.mat-expansion-panel')).count()).toBe(2);
-    screenshot();
   });
 
   it('should hide contents of the expansion panel on click', async () => {