[ACA-3596] Fix e2e due to process header properties changes (#5873)

* [ACA-3596] Fix e2e due to process header properties changes

* Change pages structure

* Move the build demoshell as last step and exclude for PR

* move more pages

* change testing pkg

* better JSON import

* update script

* move CLOUD in the right place

* some logs and not used methods

* retrycout

Co-authored-by: maurizio vitale <maurizio.vitale@alfresco.com>
Co-authored-by: Eugenio Romano <eugenio.romano@alfresco.com>
Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>

e2e/core/pages/header.page.ts

@@ -0,0 +1,129 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { element, by, protractor } from 'protractor';
+import { BrowserVisibility, BrowserActions } from '@alfresco/adf-testing';
+
+export class HeaderPage {
+
+    checkBox = element(by.cssContainingText('.mat-checkbox-label', 'Show menu button'));
+    headerColor = element(by.css('option[value="primary"]'));
+    titleInput = element(by.css('input[name="title"]'));
+    iconInput = element(by.css('input[placeholder="URL path"]'));
+    hexColorInput = element(by.css('input[placeholder="hex color code"]'));
+    logoHyperlinkInput = element(by.css('input[placeholder="Redirect URL"]'));
+    logoTooltipInput = element(by.css('input[placeholder="Tooltip text"]'));
+    positionStart = element.all(by.css('mat-radio-button[value="start"]')).first();
+    positionEnd = element.all(by.css('mat-radio-button[value="end"]')).first();
+    sideBarPositionRight = element(by.css('mat-sidenav.mat-drawer.mat-sidenav.mat-drawer-end'));
+    sideBarPositionLeft = element(by.css('mat-sidenav.mat-drawer.mat-sidenav'));
+
+    async checkShowMenuCheckBoxIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.checkBox);
+    }
+
+    async checkChooseHeaderColourIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.headerColor);
+    }
+
+    async checkChangeTitleIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.titleInput);
+    }
+
+    async checkChangeUrlPathIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.iconInput);
+    }
+
+    async clickShowMenuButton(): Promise<void> {
+        const checkBox = element(by.css('mat-checkbox'));
+        await BrowserActions.click(checkBox.get(0));
+    }
+
+    async changeHeaderColor(color: string): Promise<void> {
+        const headerColor = element(by.css('option[value="' + color + '"]'));
+        await BrowserActions.click(headerColor);
+    }
+
+    async checkAppTitle(name: string): Promise<void> {
+        const title = element(by.cssContainingText('.adf-app-title', name));
+        await BrowserVisibility.waitUntilElementIsVisible(title);
+    }
+
+    async addTitle(title: string): Promise<void> {
+        await BrowserActions.click(this.titleInput);
+        await BrowserActions.clearSendKeys(this.titleInput, title);
+        await this.titleInput.sendKeys(protractor.Key.ENTER);
+    }
+
+    async checkIconIsDisplayed(url: string): Promise<void> {
+        const icon = element(by.css('img[src="' + url + '"]'));
+        await BrowserVisibility.waitUntilElementIsVisible(icon);
+    }
+
+    async addIcon(url: string): Promise<void> {
+        await BrowserActions.click(this.iconInput);
+        await BrowserActions.clearSendKeys(this.iconInput, url);
+        await this.iconInput.sendKeys(protractor.Key.ENTER);
+    }
+
+    async checkHexColorInputIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.hexColorInput);
+    }
+
+    async checkLogoHyperlinkInputIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.logoHyperlinkInput);
+    }
+
+    async checkLogoTooltipInputIsDisplayed(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.logoTooltipInput);
+    }
+
+    async addHexCodeColor(hexCode: string): Promise<void> {
+        await BrowserActions.click(this.hexColorInput);
+        await this.hexColorInput.sendKeys(hexCode);
+        await this.hexColorInput.sendKeys(protractor.Key.ENTER);
+    }
+
+    async addLogoHyperlink(hyperlink: string): Promise<void> {
+        await BrowserActions.click(this.logoHyperlinkInput);
+        await this.logoHyperlinkInput.sendKeys(hyperlink);
+        await this.logoHyperlinkInput.sendKeys(protractor.Key.ENTER);
+    }
+
+    async addLogoTooltip(tooltip: string): Promise<void> {
+        await BrowserActions.click(this.logoTooltipInput);
+        await this.logoTooltipInput.sendKeys(tooltip);
+        await this.logoTooltipInput.sendKeys(protractor.Key.ENTER);
+    }
+
+    async sideBarPositionStart(): Promise<void> {
+        await BrowserActions.click(this.positionStart);
+    }
+
+    async sideBarPositionEnd(): Promise<void> {
+        await BrowserActions.click(this.positionEnd);
+    }
+
+    async checkSidebarPositionStart(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.sideBarPositionLeft);
+    }
+
+    async checkSidebarPositionEnd(): Promise<void> {
+        await BrowserVisibility.waitUntilElementIsVisible(this.sideBarPositionRight);
+    }
+
+}