[ACA-1940] add tests for search input (#776)

e2e/components/breadcrumb/breadcrumb.ts

@@ -23,7 +23,7 @@
  * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { ElementFinder, ElementArrayFinder, by, promise } from 'protractor';
+import { ElementFinder, ElementArrayFinder, by } from 'protractor';
 import { Component } from '../component';
 
 export class Breadcrumb extends Component {

e2e/components/datetime-picker/datetime-picker.ts

@@ -26,7 +26,7 @@
 import { ElementFinder, by, browser, ExpectedConditions as EC } from 'protractor';
 import { BROWSER_WAIT_TIMEOUT } from '../../configs';
 import { Component } from '../component';
-import moment = require('moment');
+import * as moment from 'moment';
 
 export class DateTimePicker extends Component {
   private static selectors = {

e2e/components/header/header.ts

@@ -26,48 +26,30 @@
 import { ElementFinder, by, browser } from 'protractor';
 import { Component } from '../component';
 import { UserInfo } from './user-info';
-import { protractor } from 'protractor';
-import { Utils } from '../../utilities/utils';
 import { Menu } from '../menu/menu';
 import { Toolbar } from './../toolbar/toolbar';
+import { SearchInput } from '../search/search-input';
 
 export class Header extends Component {
   private locators = {
     root: 'app-header',
     logoLink: by.css('.app-menu__title'),
     userInfo: by.css('aca-current-user'),
-    searchButton: by.css('.app-search-button'),
-    searchBar: by.css('#app-control-input'),
     moreActions: by.id('app.header.more')
   };
 
   logoLink: ElementFinder = this.component.element(this.locators.logoLink);
   userInfo: UserInfo = new UserInfo(this.component);
-  searchButton: ElementFinder = this.component.element(this.locators.searchButton);
-  searchBar: ElementFinder = browser.element(this.locators.searchBar);
   moreActions: ElementFinder = browser.element(this.locators.moreActions);
 
   menu: Menu = new Menu();
   toolbar: Toolbar = new Toolbar();
+  searchInput: SearchInput = new SearchInput();
 
   constructor(ancestor?: ElementFinder) {
     super('adf-layout-header', ancestor);
   }
 
-  async searchForText(text: string) {
-    await this.searchBar.clear();
-    await this.searchBar.sendKeys(text);
-    await this.searchBar.sendKeys(protractor.Key.ENTER);
-  }
-
-  async waitForSearchButton() {
-    await Utils.waitUntilElementClickable(this.searchButton);
-  }
-
-  async waitForSearchBar() {
-    await Utils.waitUntilElementClickable(this.searchBar);
-  }
-
   async openMoreMenu() {
     await this.moreActions.click();
     await this.menu.waitForMenuToOpen();

e2e/components/search/search-input.ts

@@ -0,0 +1,115 @@
+/*!
+ * @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, browser, by, until, protractor } from 'protractor';
+import { BROWSER_WAIT_TIMEOUT } from '../../configs';
+import { Component } from '../component';
+
+export class SearchInput extends Component {
+  private static selectors = {
+    root: 'aca-search-input',
+    searchContainer: '.app-search-container',
+    searchButton: '.app-search-button',
+    searchControl: '.app-search-control',
+    searchInput: 'app-control-input',
+    searchOptionsArea: 'search-options',
+    optionCheckbox: '.mat-checkbox'
+  };
+
+  searchButton: ElementFinder = browser.element(by.css(SearchInput.selectors.searchButton));
+  searchContainer: ElementFinder = browser.element(by.css(SearchInput.selectors.searchContainer));
+  searchBar: ElementFinder = browser.element(by.id(SearchInput.selectors.searchInput));
+  searchOptionsArea: ElementFinder = browser.element(by.id(SearchInput.selectors.searchOptionsArea));
+  searchFilesOption: ElementFinder = this.searchOptionsArea.element(by.cssContainingText(SearchInput.selectors.optionCheckbox, 'Files'));
+  searchFoldersOption: ElementFinder = this.searchOptionsArea.element(by.cssContainingText(SearchInput.selectors.optionCheckbox, 'Folders'));
+  searchLibrariesOption: ElementFinder = this.searchOptionsArea.element(by.cssContainingText(SearchInput.selectors.optionCheckbox, 'Libraries'));
+
+  constructor(ancestor?: ElementFinder) {
+    super(SearchInput.selectors.root, ancestor);
+  }
+
+  async isSearchContainerDisplayed() {
+    return (await this.searchContainer.isDisplayed()) && (await this.searchButton.isDisplayed());
+  }
+
+  async clickSearchContainer() {
+    return await this.searchContainer.click();
+  }
+
+  async isOptionsAreaDisplayed() {
+    await browser.wait(until.elementLocated(by.css(SearchInput.selectors.searchControl)), BROWSER_WAIT_TIMEOUT);
+    return await browser.isElementPresent(this.searchOptionsArea);
+  }
+
+  async clickFilesOption() {
+    return await this.searchFilesOption.click();
+  }
+
+  async clickFoldersOption() {
+    return await this.searchFoldersOption.click();
+  }
+
+  async clickLibrariesOption() {
+    return await this.searchLibrariesOption.click();
+  }
+
+  async isFilesOptionEnabled() {
+    const optClass = await this.searchFilesOption.getAttribute('class');
+    return !optClass.includes('mat-checkbox-disabled');
+  }
+
+  async isFoldersOptionEnabled() {
+    const optClass = await this.searchFoldersOption.getAttribute('class');
+    return !optClass.includes('mat-checkbox-disabled');
+  }
+
+  async isLibrariesOptionEnabled() {
+    const optClass = await this.searchLibrariesOption.getAttribute('class');
+    return !optClass.includes('mat-checkbox-disabled');
+  }
+
+  async isFilesOptionChecked() {
+    const optClass = await this.searchFilesOption.getAttribute('class');
+    return optClass.includes('mat-checkbox-checked');
+  }
+
+  async isFoldersOptionChecked() {
+    const optClass = await this.searchFoldersOption.getAttribute('class');
+    return optClass.includes('mat-checkbox-checked');
+  }
+
+  async isLibrariesOptionChecked() {
+    const optClass = await this.searchLibrariesOption.getAttribute('class');
+    return optClass.includes('mat-checkbox-checked');
+  }
+
+
+
+  async searchForText(text: string) {
+    await this.searchBar.clear();
+    await this.searchBar.sendKeys(text);
+    await this.searchBar.sendKeys(protractor.Key.ENTER);
+  }
+}