@umbraco/playwright-testhelpers
Version:
Test helpers for making playwright tests for Umbraco solutions
190 lines • 8.46 kB
JavaScript
"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;
mediaWorkspace;
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 #action-modal');
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');
this.mediaWorkspace = page.locator('umb-media-workspace-editor');
}
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 waitForMediaToBeTrashed() {
await this.waitForNetworkToBeIdle();
}
async waitForRecycleBinToBeEmptied() {
await this.waitForNetworkToBeIdle();
}
async waitForMediaToBeMoved() {
await this.waitForNetworkToBeIdle();
}
async waitForMediaItemToBeCreated() {
await this.waitForNetworkToBeIdle();
}
async deleteMediaItem(name) {
await this.clickActionsMenuForName(name);
await this.clickDeleteActionMenuOption();
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 openMediaCaretButtonForName(name) {
const menuItem = this.page.locator('umb-media-tree-item [label="' + name + '"]');
const isCaretButtonOpen = await menuItem.getAttribute('show-children');
if (isCaretButtonOpen === null) {
await this.clickMediaCaretButtonForName(name);
}
}
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 doesMediaWorkspaceHaveText(text) {
return (0, test_1.expect)(this.mediaWorkspace).toContainText(text);
}
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({ force: true });
await this.clickReloadChildrenActionMenuOption();
}
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 }).getByText(childName, { exact: true })).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