[ADF-3399] Create automated tests to cover Header component (#3633)

e2e/pages/adf/core/headerPage.ts

@@ -0,0 +1,73 @@
+/*!
+ * @license
+ * Copyright 2016 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 Util = require('../../../util/util');
+import TestConfig = require('../../../test.config');
+
+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"]'));
+
+    checkShowMenuCheckBoxIsDisplayed() {
+        return Util.waitUntilElementIsVisible(this.checkBox);
+    }
+
+    checkChooseHeaderColourIsDisplayed() {
+        return Util.waitUntilElementIsVisible(this.headerColor);
+    }
+
+    checkChangeTitleIsDisplayed() {
+        return Util.waitUntilElementIsVisible(this.titleInput);
+    }
+
+    checkChangeUrlPathIsDisplayed() {
+        return Util.waitUntilElementIsVisible(this.iconInput);
+    }
+
+    clickShowMenuButton() {
+        let checkBox = element.all(by.css('mat-checkbox'));
+        Util.waitUntilElementIsVisible(checkBox);
+        return checkBox.get(0).click();
+    }
+
+    changeHeaderColor(color) {
+        let headerColor = element(by.css('option[value="'+color+'"]'));
+        return headerColor.click();
+    }
+
+    checkAppTitle(name) {
+        let title = element(by.cssContainingText('.adf-app-title', name));
+        return Util.waitUntilElementIsVisible(title);
+    }
+
+    addTitle(title) {
+        Util.waitUntilElementIsVisible(this.titleInput);
+        return this.titleInput.click().sendKeys(title).sendKeys(protractor.Key.ENTER);
+    }
+
+    checkIconIsDisplayed(url) {
+        let icon = element(by.css('img[src="'+ url +'"]'));
+        Util.waitUntilElementIsVisible(icon);
+    }
+
+    addIcon(url) {
+        Util.waitUntilElementIsVisible(this.iconInput);
+        return this.iconInput.click().sendKeys(url).sendKeys(protractor.Key.ENTER);
+    }
+}

e2e/pages/adf/navigationBarPage.js

@@ -32,6 +32,8 @@ var NavigationBarPage = function () {
     var cardViewButton = element(by.cssContainingText(".sidenav-menu-label", "CardView"));
     var languageMenuButton = element(by.css('button[data-automation-id="language-menu-button"]'));
     var appTitle = element(by.css('.adf-app-title'));
+    var headerDataButton = element(by.css("a[data-automation-id='Header data']"));
+    var menuButton = element(by.css('button[data-automation-id="adf-menu-icon"]'));
 
     /**
      * Click Content Services Button
@@ -117,7 +119,7 @@ var NavigationBarPage = function () {
     this.openContentServicesFolder = function (folderId) {
         return browser.get(TestConfig.adf.url + '/files/' + folderId);
     };
-    
+
     this.chooseLanguage = function(language) {
         let buttonLanguage = element(by.xpath(`//adf-language-menu//button[contains(text(), '${language}')]`));
         Util.waitUntilElementIsVisible(buttonLanguage);
@@ -129,6 +131,24 @@ var NavigationBarPage = function () {
         languageMenuButton.click();
         Util.waitUntilElementIsVisible(appTitle);
     };
+
+    this.clickHeaderDataButton = function () {
+        Util.waitUntilElementIsVisible(headerDataButton);
+        return headerDataButton.click();
+    };
+
+    this.checkMenuButtonIsDisplayed = function () {
+        return Util.waitUntilElementIsVisible(menuButton);
+    };
+
+    this.checkMenuButtonIsNotDisplayed = function () {
+        return Util.waitUntilElementIsNotVisible(menuButton);
+    };
+
+    this.checkToolbarColor = function (color) {
+        var toolbarColor = element(by.css(`mat-toolbar.mat-${color}`));
+        return Util.waitUntilElementIsVisible(toolbarColor);
+    }
 };
 
 module.exports = NavigationBarPage;