alfresco-content-app/e2e/components/dialog/create-from-template-dialog.ts

/*!
 * @license
 * Alfresco Example Content Application
 *
 * Copyright (C) 2005 - 2019 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, by, browser, protractor, ExpectedConditions as EC } from 'protractor';
import { BROWSER_WAIT_TIMEOUT } from '../../configs';
import { Component } from '../component';

export class CreateFromTemplateDialog extends Component {
  private static selectors = {
    root: '.aca-file-from-template-dialog',

    title: '.mat-dialog-title',
    nameInput: 'input[placeholder="Name" i]',
    titleInput: 'input[placeholder="Title" i]',
    descriptionTextArea: 'textarea[placeholder="Description" i]',
    button: '.mat-dialog-actions button',
    validationMessage: '.mat-error'
  };

  title: ElementFinder = this.component.element(by.css(CreateFromTemplateDialog.selectors.title));
  nameInput: ElementFinder = this.component.element(by.css(CreateFromTemplateDialog.selectors.nameInput));
  titleInput: ElementFinder = this.component.element(by.css(CreateFromTemplateDialog.selectors.titleInput));
  descriptionTextArea: ElementFinder = this.component.element(by.css(CreateFromTemplateDialog.selectors.descriptionTextArea));
  createButton: ElementFinder = this.component.element(by.cssContainingText(CreateFromTemplateDialog.selectors.button, 'Create'));
  cancelButton: ElementFinder = this.component.element(by.cssContainingText(CreateFromTemplateDialog.selectors.button, 'CANCEL'));
  validationMessage: ElementFinder = this.component.element(by.css(CreateFromTemplateDialog.selectors.validationMessage));

  constructor(ancestor?: string) {
    super(CreateFromTemplateDialog.selectors.root, ancestor);
  }

  async waitForDialogToOpen(): Promise<void> {
    await browser.wait(EC.presenceOf(this.title), BROWSER_WAIT_TIMEOUT, 'timeout waiting for dialog title');
    await browser.wait(EC.presenceOf(browser.element(by.css('.cdk-overlay-backdrop'))), BROWSER_WAIT_TIMEOUT, 'timeout waiting for overlay backdrop');
  }

  async waitForDialogToClose(): Promise<void> {
    await browser.wait(EC.stalenessOf(this.title), BROWSER_WAIT_TIMEOUT, '---- timeout waiting for dialog to close ----');
  }

  async isDialogOpen(): Promise<boolean> {
    return browser.isElementPresent(by.css(CreateFromTemplateDialog.selectors.root));
  }

  async getTitle(): Promise<string> {
    return this.title.getText();
  }

  async isValidationMessageDisplayed(): Promise<boolean> {
    return (await this.validationMessage.isPresent()) && (await this.validationMessage.isDisplayed());
  }

  async isCreateButtonEnabled(): Promise<boolean> {
    return this.createButton.isEnabled();
  }

  async isCancelButtonEnabled(): Promise<boolean> {
    return this.cancelButton.isEnabled();
  }

  async isNameFieldDisplayed(): Promise<boolean> {
    return this.nameInput.isDisplayed();
  }

  async isTitleFieldDisplayed(): Promise<boolean> {
    return this.titleInput.isDisplayed();
  }

  async isDescriptionFieldDisplayed(): Promise<boolean> {
    return this.descriptionTextArea.isDisplayed();
  }

  async getValidationMessage(): Promise<string> {
    if (await this.isValidationMessageDisplayed()) {
      return this.validationMessage.getText();
    } else {
      return '';
    }
  }

  async getName(): Promise<string> {
    return this.nameInput.getAttribute('value');
  }

  async getDescription(): Promise<string> {
    return this.descriptionTextArea.getAttribute('value');
  }

  async enterName(name: string): Promise<void> {
    await this.nameInput.clear();
    await this.nameInput.sendKeys(name);
  }

  async enterTitle(title: string): Promise<void> {
    await this.titleInput.clear();
    await this.titleInput.sendKeys(title);
  }

  async enterDescription(description: string): Promise<void> {
    await this.descriptionTextArea.clear();
    await this.descriptionTextArea.sendKeys(description);
  }

  async deleteNameWithBackspace(): Promise<void> {
    await this.nameInput.clear();
    await this.nameInput.sendKeys(' ', protractor.Key.CONTROL, 'a', protractor.Key.NULL, protractor.Key.BACK_SPACE);
  }

  async clickCreate(): Promise<void> {
    await this.createButton.click();
  }

  async clickCancel(): Promise<void> {
    await this.cancelButton.click();
    await this.waitForDialogToClose();
  }

}