chore: reorganize e2e test files (#5032)

* Renames the e2e test file to match the pattern of `{{component}}-e2e.spec.ts`.
* Flattens the directory structure in the `e2e` directory. Having a separate dir for each component was overkill since only have one file per component.
* Fixes some inconsistent code styles in the Protractor config.

Fixes #5030.

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

@@ -1,6 +1,6 @@
 import {browser, Key, element, by} from 'protractor';
-import {screenshot} from '../../screenshot';
-import {getScrollPosition} from '../../util/index';
+import {screenshot} from '../screenshot';
+import {getScrollPosition} from '../util/index';
 
 
 describe('scroll blocking', () => {

e2e/components/button-e2e.spec.ts

@@ -1,5 +1,5 @@
 import {browser, by, element, ExpectedConditions} from 'protractor';
-import {screenshot} from '../../screenshot';
+import {screenshot} from '../screenshot';
 
 
 describe('button', () => {

e2e/components/checkbox-e2e.spec.ts

@@ -1,5 +1,5 @@
 import {browser, by, element, Key, ExpectedConditions} from 'protractor';
-import {screenshot} from '../../screenshot';
+import {screenshot} from '../screenshot';
 
 
 describe('checkbox', () => {

e2e/components/dialog-e2e.spec.ts

@@ -5,7 +5,7 @@ import {
   pressKeys,
   clickElementAtPoint,
   waitForElement,
-} from '../../util/index';
+} from '../util/index';
 
 
 describe('dialog', () => {

e2e/components/grid-list-e2e.spec.ts

@@ -1,6 +1,6 @@
 import {browser} from 'protractor';
-import {expectToExist} from '../../util/index';
-import {screenshot} from '../../screenshot';
+import {expectToExist} from '../util/index';
+import {screenshot} from '../screenshot';
 
 describe('grid-list', () => {
   beforeEach(() => browser.get('/grid-list'));

e2e/components/icon-e2e.spec.ts

@@ -1,5 +1,5 @@
 import {browser, by, element} from 'protractor';
-import {screenshot} from '../../screenshot';
+import {screenshot} from '../screenshot';
 
 
 describe('icon', () => {

e2e/components/list-e2e.spec.ts

@@ -1,6 +1,6 @@
 import {browser} from 'protractor';
-import {expectToExist} from '../../util/index';
-import {screenshot} from '../../screenshot';
+import {expectToExist} from '../util/index';
+import {screenshot} from '../screenshot';
 
 describe('list', () => {
   beforeEach(() => browser.get('/list'));

e2e/components/menu-e2e.spec.ts

@@ -1,13 +1,12 @@
-import {Key, protractor} from 'protractor';
-import {MenuPage} from './menu-page';
-import {screenshot} from '../../screenshot';
+import {Key, protractor, browser, by, element, ElementFinder} from 'protractor';
+import {screenshot} from '../screenshot';
 import {
   expectToExist,
   expectAlignedWith,
   expectFocusOn,
   expectLocation,
   pressKeys,
-} from '../../util/index';
+} from '../util/index';
 
 
 describe('menu', () => {
@@ -192,3 +191,22 @@ describe('menu', () => {
 
   });
 });
+
+
+export class MenuPage {
+  constructor() { browser.get('/menu'); }
+  menu = () => element(by.css('.mat-menu-panel'));
+  start = () => element(by.id('start'));
+  trigger = () => element(by.id('trigger'));
+  triggerTwo = () => element(by.id('trigger-two'));
+  backdrop = () => element(by.css('.cdk-overlay-backdrop'));
+  items = (index: number) => element.all(by.css('[md-menu-item]')).get(index);
+  textArea = () => element(by.id('text'));
+  beforeTrigger = () => element(by.id('before-t'));
+  aboveTrigger = () => element(by.id('above-t'));
+  combinedTrigger = () => element(by.id('combined-t'));
+  beforeMenu = () => element(by.css('.mat-menu-panel.before'));
+  aboveMenu = () => element(by.css('.mat-menu-panel.above'));
+  combinedMenu = () => element(by.css('.mat-menu-panel.combined'));
+  getResultText = () => this.textArea().getText();
+}

e2e/components/menu/menu-page.ts

@@ -1,33 +0,0 @@
-import {browser, by, element, ElementFinder} from 'protractor';
-
-export class MenuPage {
-  constructor() { browser.get('/menu'); }
-
-  menu(): ElementFinder { return element(by.css('.mat-menu-panel')); }
-
-  start(): ElementFinder { return element(by.id('start')); }
-
-  trigger(): ElementFinder { return element(by.id('trigger')); }
-
-  triggerTwo(): ElementFinder { return element(by.id('trigger-two')); }
-
-  backdrop(): ElementFinder { return element(by.css('.cdk-overlay-backdrop')); }
-
-  items(index: number): ElementFinder { return element.all(by.css('[md-menu-item]')).get(index); }
-
-  textArea(): ElementFinder { return element(by.id('text')); }
-
-  beforeTrigger(): ElementFinder { return element(by.id('before-t')); }
-
-  aboveTrigger(): ElementFinder { return element(by.id('above-t')); }
-
-  combinedTrigger(): ElementFinder { return element(by.id('combined-t')); }
-
-  beforeMenu(): ElementFinder { return element(by.css('.mat-menu-panel.before')); }
-
-  aboveMenu(): ElementFinder { return element(by.css('.mat-menu-panel.above')); }
-
-  combinedMenu(): ElementFinder { return element(by.css('.mat-menu-panel.combined')); }
-
-  getResultText() { return this.textArea().getText(); }
-}

e2e/components/progress-bar-e2e.spec.ts

@@ -1,5 +1,5 @@
 import {browser} from 'protractor';
-import {expectToExist} from '../../util/index';
+import {expectToExist} from '../util/index';
 
 describe('progress-bar', () => {
   beforeEach(() => browser.get('/progress-bar'));

e2e/components/radio-e2e.spec.ts

@@ -1,5 +1,5 @@
 import {browser, by, element, ExpectedConditions} from 'protractor';
-import {screenshot} from '../../screenshot';
+import {screenshot} from '../screenshot';
 
 
 describe('radio', () => {

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

@@ -1,6 +1,6 @@
 import {browser, element, by, Key, ExpectedConditions} from 'protractor';
-import {expectToExist} from '../../util/index';
-import {screenshot} from '../../screenshot';
+import {expectToExist} from '../util/index';
+import {screenshot} from '../screenshot';
 
 
 describe('slide-toggle', () => {

e2e/components/tabs-e2e.spec.ts

@@ -7,8 +7,8 @@ import {
   Key,
   ExpectedConditions
 } from 'protractor';
-import {pressKeys} from '../../util/index';
-import {screenshot} from '../../screenshot';
+import {pressKeys} from '../util/index';
+import {screenshot} from '../screenshot';
 
 
 describe('tabs', () => {