@umbraco/playwright-testhelpers/dist/lib/helpers/MediaUiHelper.js

Test helpers for making playwright tests for Umbraco solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MediaUiHelper = void 0;
const UiBaseLocators_1 = require("./UiBaseLocators");
const test_1 = require("@playwright/test");
class MediaUiHelper extends UiBaseLocators_1.UiBaseLocators {
    createMediaItemBtn;
    mediaNameTxt;
    actionModalCreateBtn;
    mediaSearchTxt;
    trashBtn;
    restoreThreeDotsBtn;
    restoreBtn;
    confirmEmptyRecycleBinBtn;
    mediaCreateBtn;
    mediaListHeader;
    mediaCardItemsValues;
    mediaListView;
    mediaGridView;
    mediaListNameValues;
    bulkTrashBtn;
    bulkMoveToBtn;
    mediaHeader;
    mediaHeaderActionsMenu;
    emptyRecycleBinBtn;
    mediaTreeItem;
    mediaPopoverLayout;
    constructor(page) {
        super(page);
        this.createMediaItemBtn = page.locator('umb-create-media-collection-action').getByLabel('Create');
        this.mediaNameTxt = page.locator('#name-input #input');
        this.actionModalCreateBtn = page.locator('#action-modal').getByLabel('Create');
        this.mediaSearchTxt = page.getByLabel('Search', { exact: true });
        this.trashBtn = page.getByLabel(/^Trash(…)?$/);
        this.restoreThreeDotsBtn = page.getByRole('button', { name: 'Restore…' });
        this.restoreBtn = page.getByLabel('Restore', { exact: true });
        this.confirmEmptyRecycleBinBtn = page.locator('#confirm').getByLabel('Empty Recycle Bin', { exact: true });
        this.mediaCreateBtn = this.page.locator('umb-collection-toolbar').getByLabel('Create');
        this.mediaListView = this.page.locator('umb-media-table-collection-view');
        this.mediaGridView = this.page.locator('umb-media-grid-collection-view');
        this.mediaListHeader = this.mediaListView.locator('uui-table-head-cell span');
        this.mediaCardItemsValues = this.mediaCardItems.locator('span');
        this.mediaListNameValues = this.mediaListView.locator('umb-media-table-column-name span');
        this.bulkTrashBtn = page.locator('umb-entity-bulk-action uui-button').filter({ hasText: 'Trash' });
        this.bulkMoveToBtn = page.locator('umb-entity-bulk-action uui-button').filter({ hasText: 'Move to' });
        this.mediaHeader = page.getByRole('heading', { name: 'Media' });
        this.mediaHeaderActionsMenu = page.locator('#header >> [label="Open actions menu"]');
        this.emptyRecycleBinBtn = page.locator('[label="Empty Recycle Bin"]').locator('svg');
        this.mediaTreeItem = page.locator('umb-media-tree-item');
        this.mediaPopoverLayout = page.locator('umb-popover-layout');
    }
    async clickCreateMediaItemButton() {
        await this.createMediaItemBtn.click();
    }
    async enterMediaItemName(name) {
        await (0, test_1.expect)(this.mediaNameTxt).toBeVisible();
        await this.mediaNameTxt.clear();
        await this.mediaNameTxt.fill(name);
        await (0, test_1.expect)(this.mediaNameTxt).toHaveValue(name);
    }
    async clickMediaTypeWithNameButton(mediaTypeName) {
        await this.page.getByLabel(mediaTypeName, { exact: true }).click();
    }
    async searchForMediaItemByName(name) {
        await this.mediaSearchTxt.clear();
        await this.mediaSearchTxt.fill(name);
    }
    async doesMediaCardsContainAmount(count) {
        await (0, test_1.expect)(this.mediaCardItems).toHaveCount(count);
    }
    async doesMediaCardContainText(name) {
        await (0, test_1.expect)(this.mediaCardItems).toContainText(name);
    }
    async clickTrashButton() {
        await this.trashBtn.click();
    }
    async restoreMediaItem(name) {
        await this.clickActionsMenuForName(name);
        await this.restoreThreeDotsBtn.click();
        await this.page.waitForTimeout(1000);
        await this.restoreBtn.click();
    }
    async deleteMediaItem(name) {
        await this.clickActionsMenuForName(name);
        await this.clickDeleteButton();
        await this.clickConfirmToDeleteButton();
    }
    async clickCreateMediaWithType(mediaTypeName) {
        await (0, test_1.expect)(this.mediaCreateBtn).toBeVisible();
        await this.mediaCreateBtn.click();
        await this.clickMediaTypeInPopoverByName(mediaTypeName);
    }
    async clickMediaTypeName(mediaTypeName) {
        await this.documentTypeNode.filter({ hasText: mediaTypeName }).click();
    }
    async clickMediaTypeInPopoverByName(mediaTypeName) {
        await this.mediaPopoverLayout.getByLabel(mediaTypeName).click();
    }
    async clickEmptyRecycleBinButton() {
        await this.recycleBinMenuItem.hover();
        await (0, test_1.expect)(this.emptyRecycleBinBtn).toBeVisible();
        // Force click is needed
        await this.emptyRecycleBinBtn.click({ force: true });
    }
    async clickConfirmEmptyRecycleBinButton() {
        await this.confirmEmptyRecycleBinBtn.click();
    }
    async clickCreateModalButton() {
        await this.actionModalCreateBtn.click();
    }
    async clickMediaCaretButtonForName(name) {
        await this.page.locator('umb-media-tree-item [label="' + name + '"]').locator('#caret-button').click();
    }
    async doesMediaGridValuesMatch(expectedValues) {
        return expectedValues.forEach((text, index) => {
            (0, test_1.expect)(this.mediaCardItemsValues.nth(index)).toHaveText(text);
        });
    }
    async doesMediaListHeaderValuesMatch(expectedValues) {
        return expectedValues.forEach((text, index) => {
            (0, test_1.expect)(this.mediaListHeader.nth(index)).toHaveText(text);
        });
    }
    async doesMediaListNameValuesMatch(expectedValues) {
        return expectedValues.forEach((text, index) => {
            (0, test_1.expect)(this.mediaListNameValues.nth(index)).toHaveText(text);
        });
    }
    async isMediaGridViewVisible(isVisible = true) {
        return (0, test_1.expect)(this.mediaGridView).toBeVisible({ visible: isVisible });
    }
    async isMediaListViewVisible(isVisible = true) {
        return (0, test_1.expect)(this.mediaListView).toBeVisible({ visible: isVisible });
    }
    async clickBulkTrashButton() {
        await this.bulkTrashBtn.click();
    }
    async clickBulkMoveToButton() {
        await this.bulkMoveToBtn.click();
    }
    async clickModalTextByName(name) {
        await this.sidebarModal.getByLabel(name, { exact: true }).click();
    }
    async reloadMediaTree() {
        await (0, test_1.expect)(this.mediaHeader).toBeVisible();
        await this.mediaHeader.click();
        await (0, test_1.expect)(this.mediaHeaderActionsMenu).toBeVisible();
        await this.mediaHeaderActionsMenu.click();
        await this.clickReloadChildrenButton();
    }
    async isMediaTreeItemVisible(name, isVisible = true) {
        return (0, test_1.expect)(this.mediaTreeItem.getByLabel(name, { exact: true })).toBeVisible({ visible: isVisible });
    }
    async isChildMediaVisible(parentName, childName, isVisible = true) {
        return (0, test_1.expect)(this.mediaTreeItem.filter({ hasText: parentName }).getByLabel(childName)).toBeVisible({ visible: isVisible });
    }
    async clickCaretButtonForMediaName(name) {
        await this.mediaTreeItem.filter({ hasText: name }).last().locator('#caret-button').last().click();
    }
    async goToMediaWithName(mediaName) {
        await (0, test_1.expect)(this.mediaTreeItem.getByText(mediaName, { exact: true })).toBeVisible();
        await this.mediaTreeItem.getByText(mediaName, { exact: true }).click();
    }
}
exports.MediaUiHelper = MediaUiHelper;
//# sourceMappingURL=MediaUiHelper.js.map