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.

Author: crisbeto

e2e/components/block-scroll-strategy/block-scroll-strategy.e2e.ts renamed to 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/button.e2e.ts renamed to 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/checkbox.e2e.ts renamed to 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/dialog.e2e.ts renamed to e2e/components/dialog-e2e.spec.ts

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

e2e/components/fullscreen/fullscreen.e2e.ts renamed to e2e/components/fullscreen-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/grid-list/grid-list.e2e.ts renamed to e2e/components/grid-list-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/icon/icon.e2e.ts renamed to e2e/components/icon-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/input/input.e2e.ts renamed to e2e/components/input-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();
+}