@umbraco/playwright-testhelpers 16.0.14 → 16.0.16

package/dist/lib/helpers/UiBaseLocators.js

@@ -73,6 +73,7 @@ class UiBaseLocators {
     aliasNameTxt;
     deleteFolderThreeDotsBtn;
     createLink;
+    actionMenucreateBtn;
     insertValueBtn;
     insertPartialViewBtn;
     insertDictionaryItemBtn;
@@ -145,8 +146,7 @@ class UiBaseLocators {
     entityItemRef;
     validationMessage;
     successStateIcon;
-    entityAction;
-    openEntityAction;
+    workspaceAction;
     constructor(page) {
         this.page = page;
         this.saveBtn = page.getByLabel('Save', { exact: true });
@@ -181,6 +181,7 @@ 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 });
@@ -289,18 +290,20 @@ class UiBaseLocators {
         this.entityItemRef = this.confirmActionModalEntityReferences.locator('umb-entity-item-ref');
         this.validationMessage = page.locator('umb-form-validation-message').locator('#messages');
         this.successStateIcon = this.successState.locator('#state');
-        // Entity Action
-        this.entityAction = page.locator('umb-entity-action-list umb-entity-action');
-        this.openEntityAction = page.locator('#action-modal[open]').locator(this.entityAction);
+        this.workspaceAction = page.locator('umb-workspace-action');
+    }
+    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('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();
+        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();
     }
     async isActionsMenuForNameVisible(name, isVisible = true) {
-        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 });
+        await this.page.locator('[label="' + name + '"]').click();
+        await (0, test_1.expect)(this.page.locator('[label="' + name + '"] >> [label="Open actions menu"]')).toBeVisible({ visible: isVisible });
     }
     async clickCaretButtonForName(name) {
         await this.isCaretButtonWithNameVisible(name);
@@ -317,7 +320,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.clickReloadChildrenActionMenuOption();
+        await this.clickReloadChildrenButton();
         const menuItem = this.page.locator('uui-menu-item[label="' + treeName + '"]');
         const isCaretButtonOpen = await menuItem.getAttribute('show-children');
         if (isCaretButtonOpen === null) {
@@ -333,12 +336,15 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.reloadChildrenBtn).toBeVisible();
         await this.reloadChildrenBtn.click();
     }
+    async isSuccessStateVisibleForSaveButton(isVisible = true) {
+        const regex = new RegExp(`^workspace-action:.*Save$`);
+        const saveButtonLocator = this.page.getByTestId(regex);
+        const saveBtn = this.workspaceAction.filter({ has: saveButtonLocator });
+        await (0, test_1.expect)(saveBtn.locator(this.successState)).toBeVisible({ visible: isVisible, timeout: 10000 });
+    }
     async clickSaveButton() {
-        // This wait is necessary to avoid the save button is ignored
-        await this.page.waitForTimeout(500);
         await (0, test_1.expect)(this.saveBtn).toBeVisible();
         await this.saveBtn.click();
-        await this.page.waitForTimeout(500);
     }
     async clickChooseButton() {
         await (0, test_1.expect)(this.chooseBtn).toBeVisible();
@@ -501,7 +507,7 @@ class UiBaseLocators {
         await ddlOption.click();
     }
     async createFolder(folderName) {
-        await this.clickCreateActionMenuOption();
+        await this.clickActionsMenuCreateButton();
         await this.clickNewFolderThreeDotsButton();
         await this.enterFolderName(folderName);
         await this.clickConfirmCreateFolderButton();
@@ -526,7 +532,7 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.queryBuilderShowCode).toContainText(code, { timeout: 10000 });
     }
     async deleteFolder() {
-        await this.clickDeleteActionMenuOption();
+        await this.clickDeleteButton();
         await this.clickConfirmToDeleteButton();
     }
     async clickDeleteExactButton() {
@@ -589,6 +595,10 @@ 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();
@@ -700,13 +710,12 @@ class UiBaseLocators {
         return await (0, test_1.expect)(this.groupLabel).toHaveValue(value);
     }
     async rename(newName) {
-        await this.clickRenameActionMenuOption();
+        await this.clickRenameButton();
         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();
@@ -768,7 +777,7 @@ class UiBaseLocators {
         await this.renameBtn.click();
     }
     async clickDeleteAndConfirmButton() {
-        await this.clickDeleteActionMenuOption();
+        await this.clickDeleteButton();
         await this.clickConfirmToDeleteButton();
     }
     async clickDeleteButton() {
@@ -1039,77 +1048,6 @@ class UiBaseLocators {
     async isSuccessStateIconVisible() {
         await (0, test_1.expect)(this.successStateIcon).toBeVisible();
     }
-    // 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