@umbraco/playwright-testhelpers 16.0.16 → 16.0.18

package/dist/lib/helpers/UiBaseLocators.d.ts

@@ -69,7 +69,6 @@ export declare class UiBaseLocators {
     readonly aliasNameTxt: Locator;
     readonly deleteFolderThreeDotsBtn: Locator;
     readonly createLink: Locator;
-    readonly actionMenucreateBtn: Locator;
     readonly insertValueBtn: Locator;
     readonly insertPartialViewBtn: Locator;
     readonly insertDictionaryItemBtn: Locator;
@@ -143,6 +142,8 @@ export declare class UiBaseLocators {
     readonly validationMessage: Locator;
     readonly successStateIcon: Locator;
     readonly workspaceAction: Locator;
+    readonly entityAction: Locator;
+    readonly openEntityAction: Locator;
     constructor(page: Page);
     clickActionsMenuForNameInSectionSidebar(name: string): Promise<void>;
     clickActionsMenuForName(name: string): Promise<void>;
@@ -213,7 +214,6 @@ export declare class UiBaseLocators {
     isTextWithMessageVisible(message: string, isVisible?: boolean): Promise<void>;
     clickCreateThreeDotsButton(): Promise<void>;
     clickCreateButton(): Promise<void>;
-    clickActionsMenuCreateButton(): Promise<void>;
     clickAddButton(): Promise<void>;
     clickNewFolderThreeDotsButton(): Promise<void>;
     clickEditorSettingsButton(index?: number): Promise<void>;
@@ -280,7 +280,7 @@ export declare class UiBaseLocators {
     doesSuccessNotificationHaveText(text: string, isVisible?: boolean, deleteNotification?: boolean): Promise<void>;
     doesErrorNotificationHaveText(text: string, isVisible?: boolean, deleteNotification?: boolean): Promise<void>;
     isSectionWithNameVisible(sectionName: string, isVisible?: boolean): Promise<void>;
-    clickMediaCardWithName(name: string): Promise<void>;
+    clickMediaWithName(name: string): Promise<void>;
     clickChooseContentStartNodeButton(): Promise<void>;
     clickChooseMediaStartNodeButton(): Promise<void>;
     clickActionButton(): Promise<void>;
@@ -309,4 +309,28 @@ export declare class UiBaseLocators {
     doesReferencesContainText(text: string): Promise<void>;
     isValidationMessageVisible(message: string, isVisible?: boolean): Promise<void>;
     isSuccessStateIconVisible(): Promise<void>;
+    isPropertyEditorUiWithNameReadOnly(name: string): Promise<void>;
+    isPropertyEditorUiWithNameVisible(name: string, isVisible?: boolean): Promise<void>;
+    clickEntityActionWithName(name: string): Promise<void>;
+    clickCreateActionMenuOption(): Promise<void>;
+    clickTrashActionMenuOption(): Promise<void>;
+    clickMoveToActionMenuOption(): Promise<void>;
+    clickCreateBlueprintActionMenuOption(): Promise<void>;
+    clickDuplicateToActionMenuOption(): Promise<void>;
+    clickPublishActionMenuOption(): Promise<void>;
+    clickUnpublishActionMenuOption(): Promise<void>;
+    clickRollbackActionMenuOption(): Promise<void>;
+    clickCultureAndHostnamesActionMenuOption(): Promise<void>;
+    clickPublicAccessActionMenuOption(): Promise<void>;
+    clickSortChildrenActionMenuOption(): Promise<void>;
+    clickNotificationsActionMenuOption(): Promise<void>;
+    clickReloadChildrenActionMenuOption(): Promise<void>;
+    clickDeleteActionMenuOption(): Promise<void>;
+    clickRestoreActionMenuOption(): Promise<void>;
+    clickRenameActionMenuOption(): Promise<void>;
+    clickCreateOptionsActionMenuOption(): Promise<void>;
+    clickExportActionMenuOption(): Promise<void>;
+    clickImportActionMenuOption(): Promise<void>;
+    clickUpdateActionMenuOption(): Promise<void>;
+    clickModalMenuItemWithName(name: string): Promise<void>;
 }

package/dist/lib/helpers/UiBaseLocators.js

@@ -73,7 +73,6 @@ class UiBaseLocators {
     aliasNameTxt;
     deleteFolderThreeDotsBtn;
     createLink;
-    actionMenucreateBtn;
     insertValueBtn;
     insertPartialViewBtn;
     insertDictionaryItemBtn;
@@ -147,6 +146,8 @@ class UiBaseLocators {
     validationMessage;
     successStateIcon;
     workspaceAction;
+    entityAction;
+    openEntityAction;
     constructor(page) {
         this.page = page;
         this.saveBtn = page.getByLabel('Save', { exact: true });
@@ -181,7 +182,6 @@ class UiBaseLocators {
         this.renameModalBtn = page.locator('umb-rename-modal').getByLabel('Rename');
         this.createBtn = page.getByRole('button', { name: /^Create(…)?$/ });
         this.actionsMenuContainer = page.locator('uui-scroll-container');
-        this.actionMenucreateBtn = this.actionsMenuContainer.getByRole('button', { name: /^Create(…)?$/ });
         this.successState = page.locator('[state="success"]');
         this.chooseModalBtn = this.sidebarModal.locator('[look="primary"]').getByLabel('Choose');
         this.addBtn = page.getByRole('button', { name: 'Add', exact: true });
@@ -234,7 +234,7 @@ class UiBaseLocators {
         this.renameBtn = page.getByRole('button', { name: /^Rename(…)?$/ });
         this.returnedItemsCount = page.locator('#results-count');
         this.chooseRootContentBtn = page.getByLabel('Choose root document');
-        this.queryResults = page.locator('query-results');
+        this.queryResults = page.locator('.query-results');
         this.reloadBtn = page.getByRole('button', { name: 'Reload', exact: true });
         this.confirmToRemoveBtn = page.locator('#confirm').getByLabel('Remove');
         this.typeGroups = page.locator('umb-content-type-design-editor-group');
@@ -255,14 +255,14 @@ class UiBaseLocators {
         this.recycleBinBtn = page.getByLabel('Recycle Bin', { exact: true });
         this.recycleBinMenuItem = page.locator('uui-menu-item[label="Recycle Bin"]');
         this.recycleBinMenuItemCaretBtn = this.recycleBinMenuItem.locator('#caret-button');
-        this.gridBtn = this.page.getByLabel('Grid');
-        this.listBtn = this.page.getByLabel('List');
-        this.viewBundleBtn = this.page.locator('umb-collection-view-bundle uui-button svg');
+        this.gridBtn = page.getByLabel('Grid');
+        this.listBtn = page.getByLabel('List');
+        this.viewBundleBtn = page.locator('umb-collection-view-bundle uui-button svg');
         this.createDocumentBlueprintBtn = page.getByLabel(/^Create Document Blueprint(…)?$/);
         this.chooseDocumentInputBtn = page.locator('umb-input-document').getByLabel('Choose');
         this.chooseMediaInputBtn = page.locator('umb-input-media').getByLabel('Choose');
         this.container = page.locator('#container');
-        this.actionBtn = page.locator('[data-mark="workspace:action-menu-button"]');
+        this.actionBtn = page.getByTestId('workspace:action-menu-button');
         this.mediaPickerModalSubmitBtn = page.locator('umb-media-picker-modal').getByLabel('Submit');
         this.deleteBtn = page.getByRole('button', { name: /^Delete(…)?$/ });
         this.createModalBtn = this.sidebarModal.getByLabel('Create', { exact: true });
@@ -274,15 +274,15 @@ class UiBaseLocators {
         this.embeddedPreview = this.embeddedMediaModal.locator('[label="Preview"]');
         this.sectionSidebar = page.locator('umb-section-sidebar');
         this.menuItem = page.locator('uui-menu-item');
-        this.property = this.page.locator('umb-property');
-        this.currentUserAvatarBtn = this.page.locator('[data-mark="header-app:Umb.HeaderApp.CurrentUser"] uui-avatar');
+        this.property = page.locator('umb-property');
+        this.currentUserAvatarBtn = page.getByTestId('header-app:Umb.HeaderApp.CurrentUser').locator('uui-avatar');
         this.currentPasswordTxt = page.locator('input[name="oldPassword"]');
         this.newPasswordTxt = page.locator('input[name="newPassword"]');
         this.confirmPasswordTxt = page.locator('input[name="confirmPassword"]');
-        this.createOptionActionListModal = this.page.locator('umb-entity-create-option-action-list-modal');
-        this.createActionButtonCollection = this.page.locator('umb-collection-create-action-button');
+        this.createOptionActionListModal = page.locator('umb-entity-create-option-action-list-modal');
+        this.createActionButtonCollection = page.locator('umb-collection-create-action-button');
         this.createActionBtn = this.createActionButtonCollection.locator('[label="Create"]');
-        this.collectionTreeItemTableRow = this.page.locator('umb-collection-workspace-view umb-table uui-table-row');
+        this.collectionTreeItemTableRow = page.locator('umb-collection-workspace-view umb-table uui-table-row');
         this.folderBtn = this.createOptionActionListModal.locator('[name="Folder"]');
         this.reloadChildrenBtn = page.getByRole('button', { name: 'Reload children' });
         this.confirmActionModalEntityReferences = page.locator('umb-confirm-action-modal-entity-references,umb-confirm-bulk-action-modal-entity-references');
@@ -291,19 +291,22 @@ class UiBaseLocators {
         this.validationMessage = page.locator('umb-form-validation-message').locator('#messages');
         this.successStateIcon = this.successState.locator('#state');
         this.workspaceAction = page.locator('umb-workspace-action');
+        // Entity Action
+        this.entityAction = page.locator('umb-entity-action-list umb-entity-action');
+        this.openEntityAction = page.locator('#action-modal[open]').locator(this.entityAction);
     }
     async clickActionsMenuForNameInSectionSidebar(name) {
         await this.sectionSidebar.locator('[label="' + name + '"]').hover();
         await this.sectionSidebar.locator('[label="' + name + '"] >> [label="Open actions menu"]').first().click();
     }
     async clickActionsMenuForName(name) {
-        await (0, test_1.expect)(this.page.locator('[label="' + name + '"]')).toBeVisible();
-        await this.page.locator('[label="' + name + '"]').hover();
-        await this.page.locator('[label="' + name + '"] >> [label="Open actions menu"]').first().click();
+        await (0, test_1.expect)(this.page.locator('uui-menu-item[label="' + name + '"]')).toBeVisible();
+        await this.page.locator('uui-menu-item[label="' + name + '"]').hover();
+        await this.page.locator('uui-menu-item[label="' + name + '"] #action-modal').first().click();
     }
     async isActionsMenuForNameVisible(name, isVisible = true) {
-        await this.page.locator('[label="' + name + '"]').click();
-        await (0, test_1.expect)(this.page.locator('[label="' + name + '"] >> [label="Open actions menu"]')).toBeVisible({ visible: isVisible });
+        await this.page.locator('uui-menu-item[label="' + name + '"]').click();
+        await (0, test_1.expect)(this.page.locator('uui-menu-item[label="' + name + '"] #action-modal').first()).toBeVisible({ visible: isVisible });
     }
     async clickCaretButtonForName(name) {
         await this.isCaretButtonWithNameVisible(name);
@@ -320,7 +323,7 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.page.getByLabel(treeName, { exact: true })).toBeVisible();
         await this.page.waitForTimeout(500);
         await this.clickActionsMenuForName(treeName);
-        await this.clickReloadChildrenButton();
+        await this.clickReloadChildrenActionMenuOption();
         const menuItem = this.page.locator('uui-menu-item[label="' + treeName + '"]');
         const isCaretButtonOpen = await menuItem.getAttribute('show-children');
         if (isCaretButtonOpen === null) {
@@ -507,7 +510,7 @@ class UiBaseLocators {
         await ddlOption.click();
     }
     async createFolder(folderName) {
-        await this.clickActionsMenuCreateButton();
+        await this.clickCreateActionMenuOption();
         await this.clickNewFolderThreeDotsButton();
         await this.enterFolderName(folderName);
         await this.clickConfirmCreateFolderButton();
@@ -532,7 +535,7 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.queryBuilderShowCode).toContainText(code, { timeout: 10000 });
     }
     async deleteFolder() {
-        await this.clickDeleteButton();
+        await this.clickDeleteActionMenuOption();
         await this.clickConfirmToDeleteButton();
     }
     async clickDeleteExactButton() {
@@ -595,10 +598,6 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.createBtn).toBeVisible();
         await this.createBtn.click();
     }
-    async clickActionsMenuCreateButton() {
-        await (0, test_1.expect)(this.actionMenucreateBtn).toBeVisible();
-        await this.actionMenucreateBtn.click();
-    }
     async clickAddButton() {
         await (0, test_1.expect)(this.addBtn).toBeVisible();
         await this.addBtn.click();
@@ -710,12 +709,13 @@ class UiBaseLocators {
         return await (0, test_1.expect)(this.groupLabel).toHaveValue(value);
     }
     async rename(newName) {
-        await this.clickRenameButton();
+        await this.clickRenameActionMenuOption();
         await (0, test_1.expect)(this.newNameTxt).toBeVisible();
         await this.newNameTxt.click();
         await this.newNameTxt.clear();
         await this.newNameTxt.fill(newName);
         await this.renameModalBtn.click();
+        await this.page.waitForTimeout(500);
     }
     async isSuccessButtonWithTextVisible(text) {
         return await (0, test_1.expect)(this.successState.filter({ hasText: text })).toBeVisible();
@@ -777,7 +777,7 @@ class UiBaseLocators {
         await this.renameBtn.click();
     }
     async clickDeleteAndConfirmButton() {
-        await this.clickDeleteButton();
+        await this.clickDeleteActionMenuOption();
         await this.clickConfirmToDeleteButton();
     }
     async clickDeleteButton() {
@@ -814,10 +814,10 @@ class UiBaseLocators {
         await this.addCollectionBtn.click();
     }
     async doesReturnedItemsHaveCount(itemCount) {
-        await (0, test_1.expect)(this.returnedItemsCount).toContainText(itemCount.toString() + ' items returned');
+        await (0, test_1.expect)(this.returnedItemsCount).toContainText(itemCount.toString() + ' published items returned');
     }
     async doesQueryResultHaveContentName(contentName) {
-        await (0, test_1.expect)(this.queryBuilderShowCode).toContainText(contentName);
+        await (0, test_1.expect)(this.queryResults).toContainText(contentName);
     }
     async deleteGroup(groupName) {
         await this.page.waitForTimeout(1000);
@@ -930,9 +930,9 @@ class UiBaseLocators {
     async isSectionWithNameVisible(sectionName, isVisible = true) {
         await (0, test_1.expect)(this.page.getByRole('tab', { name: sectionName })).toBeVisible({ visible: isVisible });
     }
-    async clickMediaCardWithName(name) {
-        await (0, test_1.expect)(this.mediaCardItems.filter({ hasText: name }).locator('umb-icon')).toBeVisible();
-        await this.mediaCardItems.filter({ hasText: name }).locator('umb-icon').click();
+    async clickMediaWithName(name) {
+        await (0, test_1.expect)(this.mediaCardItems.filter({ hasText: name })).toBeVisible();
+        await this.mediaCardItems.filter({ hasText: name }).click();
     }
     async clickChooseContentStartNodeButton() {
         await (0, test_1.expect)(this.chooseDocumentInputBtn).toBeVisible();
@@ -992,7 +992,7 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.submitBtn).toHaveAttribute('disabled');
     }
     async doesMediaHaveThumbnail(mediaId, thumbnailIconName, thumbnailImage) {
-        const mediaThumbnailLocator = this.page.locator('[data-mark="media:' + mediaId + '"]');
+        const mediaThumbnailLocator = this.page.getByTestId('media:' + mediaId);
         if (thumbnailIconName === 'image') {
             const regexImageSrc = new RegExp(`^${thumbnailImage}.*`);
             await (0, test_1.expect)(mediaThumbnailLocator.locator('umb-imaging-thumbnail img')).toHaveAttribute('src', regexImageSrc);
@@ -1048,6 +1048,85 @@ class UiBaseLocators {
     async isSuccessStateIconVisible() {
         await (0, test_1.expect)(this.successStateIcon).toBeVisible();
     }
+    async isPropertyEditorUiWithNameReadOnly(name) {
+        const propertyEditorUiLocator = this.page.locator('umb-property-editor-ui-' + name);
+        await (0, test_1.expect)(propertyEditorUiLocator).toHaveAttribute('readonly');
+    }
+    async isPropertyEditorUiWithNameVisible(name, isVisible = true) {
+        const propertyEditorUiLocator = this.page.locator('umb-property-editor-ui-' + name);
+        await (0, test_1.expect)(propertyEditorUiLocator).toBeVisible({ visible: isVisible });
+    }
+    // Entity Action
+    async clickEntityActionWithName(name) {
+        const regex = new RegExp(`^entity-action:.*${name}$`);
+        const entityActionLocator = this.openEntityAction.getByTestId(regex).first();
+        await (0, test_1.expect)(entityActionLocator).toBeVisible();
+        await entityActionLocator.click();
+    }
+    async clickCreateActionMenuOption() {
+        await this.clickEntityActionWithName('Create');
+    }
+    async clickTrashActionMenuOption() {
+        await this.clickEntityActionWithName('Trash');
+    }
+    async clickMoveToActionMenuOption() {
+        await this.clickEntityActionWithName('MoveTo');
+    }
+    async clickCreateBlueprintActionMenuOption() {
+        await this.clickEntityActionWithName('CreateBlueprint');
+    }
+    async clickDuplicateToActionMenuOption() {
+        await this.clickEntityActionWithName('DuplicateTo');
+    }
+    async clickPublishActionMenuOption() {
+        await this.clickEntityActionWithName('Publish');
+    }
+    async clickUnpublishActionMenuOption() {
+        await this.clickEntityActionWithName('Unpublish');
+    }
+    async clickRollbackActionMenuOption() {
+        await this.clickEntityActionWithName('Rollback');
+    }
+    async clickCultureAndHostnamesActionMenuOption() {
+        await this.clickEntityActionWithName('CultureAndHostnames');
+    }
+    async clickPublicAccessActionMenuOption() {
+        await this.clickEntityActionWithName('PublicAccess');
+    }
+    async clickSortChildrenActionMenuOption() {
+        await this.clickEntityActionWithName('SortChildrenOf');
+    }
+    async clickNotificationsActionMenuOption() {
+        await this.clickEntityActionWithName('Notifications');
+    }
+    async clickReloadChildrenActionMenuOption() {
+        await this.clickEntityActionWithName('ReloadChildrenOf');
+    }
+    async clickDeleteActionMenuOption() {
+        await this.clickEntityActionWithName('Delete');
+    }
+    async clickRestoreActionMenuOption() {
+        await this.clickEntityActionWithName('Restore');
+    }
+    async clickRenameActionMenuOption() {
+        await this.clickEntityActionWithName('Rename');
+    }
+    async clickCreateOptionsActionMenuOption() {
+        await this.clickEntityActionWithName('CreateOptions');
+    }
+    async clickExportActionMenuOption() {
+        await this.clickEntityActionWithName('Export');
+    }
+    async clickImportActionMenuOption() {
+        await this.clickEntityActionWithName('Import');
+    }
+    async clickUpdateActionMenuOption() {
+        await this.clickEntityActionWithName('Update');
+    }
+    async clickModalMenuItemWithName(name) {
+        await (0, test_1.expect)(this.sidebarModal.locator('uui-menu-item[label="' + name + '"]')).toBeVisible();
+        await this.sidebarModal.locator('uui-menu-item[label="' + name + '"]').click();
+    }
 }
 exports.UiBaseLocators = UiBaseLocators;
 //# sourceMappingURL=UiBaseLocators.js.map