alfresco-ng2-components/e2e/content-services/pages/upload-dialog.page.ts

/*!
 * @license
 * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
 *
 * 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 { by, browser, ElementFinder, $, $$ } from 'protractor';
import { BrowserVisibility, BrowserActions } from '@alfresco/adf-testing';

export class UploadDialogPage {
    closeButton = $('#adf-upload-dialog-close');
    dialog = $('div[id="upload-dialog"]');
    minimizedDialog = $('div[class*="upload-dialog--minimized"]');
    uploadedStatusIcon = '.adf-file-uploading-row__status--done';
    cancelledStatusIcon = 'div[class*="status--cancelled"]';
    errorStatusIcon = 'div[class*="status--error"] mat-icon';
    rowByRowName = by.xpath('ancestor::adf-file-uploading-list-row');
    title = $('span[class*="upload-dialog__title"]');
    toggleMinimizeButton = $(`[data-automation-id='adf-upload-dialog__toggle-minimize']`);

    async clickOnCloseButton(): Promise<void> {
        await this.checkCloseButtonIsDisplayed();
        await BrowserActions.click(this.closeButton);
    }

    async checkCloseButtonIsDisplayed(): Promise<void> {
        await BrowserVisibility.waitUntilElementIsVisible(this.closeButton);
    }

    async dialogIsDisplayed(): Promise<void> {
        await BrowserVisibility.waitUntilElementIsVisible(this.dialog);
    }

    async dialogIsMinimized(): Promise<void> {
        await BrowserVisibility.waitUntilElementIsVisible(this.minimizedDialog);
    }

    async dialogIsNotDisplayed(): Promise<void> {
        await BrowserVisibility.waitUntilElementIsNotVisible(this.dialog);
    }

    async getRowByRowName(content: string): Promise<ElementFinder> {
        const row = await $$(`div[class*='uploading-row'] span[title="${content}"]`).last();
        await BrowserVisibility.waitUntilElementIsVisible(row);
        return row.element(this.rowByRowName);
    }

    async fileIsUploaded(content: string): Promise<void> {
        const row: ElementFinder = await this.getRowByRowName(content);
        await BrowserVisibility.waitUntilElementIsVisible(row.$(this.uploadedStatusIcon), 10000);
    }

    async fileIsError(content: string) {
        const row: ElementFinder = await this.getRowByRowName(content);
        await BrowserVisibility.waitUntilElementIsVisible(row.$(this.errorStatusIcon));
    }

    async filesAreUploaded(content: string[]): Promise<void> {
        for (const item of content) {
            await this.fileIsUploaded(item);
        }
    }

    async fileIsNotDisplayedInDialog(content: string): Promise<void> {
        await BrowserVisibility.waitUntilElementIsNotVisible($(`div[class*='uploading-row'] span[title="${content}"]`));
    }

    async fileIsCancelled(content: string): Promise<void> {
        const row: ElementFinder = await this.getRowByRowName(content);
        await BrowserVisibility.waitUntilElementIsVisible(row);
        await BrowserVisibility.waitUntilElementIsVisible(row.$(this.cancelledStatusIcon), 10000);
    }

    async removeUploadedFile(content: string): Promise<void> {
        const row: ElementFinder = await this.getRowByRowName(content);
        await BrowserVisibility.waitUntilElementIsVisible(row.$(this.uploadedStatusIcon));
        const elementRow = await this.getRowByRowName(content);
        await BrowserActions.click(elementRow.$(this.uploadedStatusIcon));
    }

    async getTitleText(): Promise<string> {
        await BrowserVisibility.waitUntilElementIsVisible(this.title);
        return this.title.getText();
    }

    async numberOfCurrentFilesUploaded(): Promise<string> {
        const text = await this.getTitleText();
        return text.split('Uploaded ')[1].split(' / ')[0];
    }

    async numberOfInitialFilesUploaded(): Promise<string> {
        const text = await this.getTitleText();
        return text.split('Uploaded ')[1].split(' / ')[1];
    }

    async minimizeUploadDialog(): Promise<void> {
        await BrowserActions.click(this.toggleMinimizeButton);
    }

    async maximizeUploadDialog(): Promise<void> {
        await BrowserActions.click(this.toggleMinimizeButton);
    }

    async displayTooltip(): Promise<void> {
        await BrowserVisibility.waitUntilElementIsVisible($(this.errorStatusIcon));
        await browser.actions().mouseMove($(this.errorStatusIcon)).perform();
    }

    async getTooltip(): Promise<string> {
        return BrowserActions.getAttribute($(this.errorStatusIcon), 'title');
    }
}