[ACA-1549] info drawer extension e2e tests (#580)

* add Info Drawer component and Info Drawer extensibility tests

* add default extensibility configs

e2e/components/info-drawer/info-drawer.ts

@@ -0,0 +1,95 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2018 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { ElementFinder, ElementArrayFinder, by, protractor, browser, ExpectedConditions as EC } from 'protractor';
+import { Component } from '../component';
+import { BROWSER_WAIT_TIMEOUT } from '../../configs';
+
+export class InfoDrawer extends Component {
+    private static selectors = {
+        root: 'aca-info-drawer',
+
+        header: '.adf-info-drawer-layout-header',
+        content: '.adf-info-drawer-layout-content',
+
+        tabs: '.adf-info-drawer-tabs',
+        tabLabel: '.mat-tab-label-content',
+        tabActiveLabel: '.mat-tab-label-active',
+
+        activeTabContent: '.mat-tab-body-active .mat-tab-body-content app-dynamic-tab',
+        next: '.mat-tab-header-pagination-after .mat-tab-header-pagination-chevron',
+        previous: '.mat-tab-header-pagination-before .mat-tab-header-pagination-chevron'
+    };
+
+    header: ElementFinder = this.component.element(by.css(InfoDrawer.selectors.header));
+    tabLabel: ElementFinder = this.component.element(by.css(InfoDrawer.selectors.tabLabel));
+    tabLabelsList: ElementArrayFinder = this.component.all(by.css(InfoDrawer.selectors.tabLabel));
+    tabActiveLabel: ElementFinder = this.component.element(by.css(InfoDrawer.selectors.tabActiveLabel));
+
+    tabActiveContent: ElementFinder = this.component.element(by.css(InfoDrawer.selectors.activeTabContent));
+
+    nextButton: ElementFinder = this.component.element(by.css(InfoDrawer.selectors.next));
+    previousButton: ElementFinder = this.component.element(by.css(InfoDrawer.selectors.previous));
+
+    constructor(ancestor?: ElementFinder) {
+        super(InfoDrawer.selectors.root, ancestor);
+    }
+
+    async waitForInfoDrawerToOpen() {
+        return browser.wait(EC.presenceOf(this.header), BROWSER_WAIT_TIMEOUT);
+    }
+
+    async isEmpty() {
+        if (await browser.isElementPresent(by.css(InfoDrawer.selectors.tabs))) {
+            return false;
+        }
+        return true;
+    }
+
+    getTabByTitle(title: string) {
+        return this.component.element(by.cssContainingText(InfoDrawer.selectors.tabLabel, title));
+    }
+
+    async isTabPresent(title: string) {
+        return await this.getTabByTitle(title).isPresent();
+    }
+
+    async isTabDisplayed(title: string) {
+        return await this.getTabByTitle(title).isDisplayed();
+    }
+
+    async getTabTitle(index: number) {
+        return await this.tabLabelsList.get(index - 1).getAttribute('innerText');
+    }
+
+    async clickTab(title: string) {
+        return await this.getTabByTitle(title).click();
+    }
+
+    async getComponentIdOfTab(title: string) {
+        return await this.tabActiveContent.getAttribute('data-automation-id');
+    }
+}
+