e2e tests

e2e/components/dialog/create-edit-folder-dialog.ts

@@ -0,0 +1,106 @@
+/*!
+ * @license
+ * Copyright 2017 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 { ElementFinder, by, browser, protractor, ExpectedConditions as EC } from 'protractor';
+import { BROWSER_WAIT_TIMEOUT } from '../../configs';
+import { Component } from '../component';
+
+export class CreateOrEditFolderDialog extends Component {
+    private static selectors = {
+        root: '.mat-dialog-container',
+
+        title: '.mat-dialog-title',
+        nameInput: '.mat-dialog-container .mat-input-element[placeholder="Name"]',
+        descriptionTextArea: '.mat-dialog-container .mat-input-element[placeholder="Description"]',
+        button: '.mat-dialog-actions button',
+        validationMessage: '.mat-hint span'
+    };
+
+    title: ElementFinder = this.component.element(by.css(CreateOrEditFolderDialog.selectors.title));
+    nameInput: ElementFinder = this.component.element(by.css(CreateOrEditFolderDialog.selectors.nameInput));
+    descriptionTextArea: ElementFinder = this.component.element(by.css(CreateOrEditFolderDialog.selectors.descriptionTextArea));
+    createButton: ElementFinder = this.component.element(by.cssContainingText(CreateOrEditFolderDialog.selectors.button, 'Create'));
+    cancelButton: ElementFinder = this.component.element(by.cssContainingText(CreateOrEditFolderDialog.selectors.button, 'Cancel'));
+    updateButton: ElementFinder = this.component.element(by.cssContainingText(CreateOrEditFolderDialog.selectors.button, 'Update'));
+    validationMessage: ElementFinder = this.component.element(by.css(CreateOrEditFolderDialog.selectors.validationMessage));
+
+    constructor(ancestor?: ElementFinder) {
+        super(CreateOrEditFolderDialog.selectors.root, ancestor);
+    }
+
+    waitForDialogToOpen() {
+        return browser.wait(EC.presenceOf(this.title), BROWSER_WAIT_TIMEOUT);
+    }
+
+    waitForDialogToClose() {
+        return browser.wait(EC.stalenessOf(this.title), BROWSER_WAIT_TIMEOUT);
+    }
+
+    getTitle(): Promise<string> {
+        return this.title.getText();
+    }
+
+    isValidationMessageDisplayed(): Promise<boolean> {
+        return this.validationMessage.isDisplayed();
+    }
+
+    getValidationMessage(): Promise<string> {
+        return this.isValidationMessageDisplayed()
+            .then(() => this.validationMessage.getText())
+            .catch(() => '');
+    }
+
+    enterName(name: string): CreateOrEditFolderDialog {
+        const { nameInput } = this;
+
+        nameInput.clear();
+        nameInput.sendKeys(name);
+
+        return this;
+    }
+
+    deleteNameWithBackspace(): Promise<void> {
+        const { nameInput } = this;
+
+        return nameInput.clear()
+            .then(() => {
+                return nameInput.sendKeys(' ', protractor.Key.CONTROL, 'a', protractor.Key.NULL, protractor.Key.BACK_SPACE);
+            });
+    }
+
+    enterDescription(description: string): CreateOrEditFolderDialog {
+        const { descriptionTextArea } = this;
+
+        descriptionTextArea.clear();
+        descriptionTextArea.sendKeys(description);
+
+        return this;
+    }
+
+    clickCreate() {
+        return this.createButton.click();
+    }
+
+    clickCancel() {
+        return this.cancelButton.click()
+            .then(() => this.waitForDialogToClose());
+    }
+
+    clickUpdate() {
+        return this.updateButton.click();
+    }
+}