@umbraco/playwright-testhelpers 15.0.9 → 15.0.12

package/dist/lib/helpers/UiBaseLocators.js

@@ -73,6 +73,7 @@ class UiBaseLocators {
     aliasNameTxt;
     deleteFolderThreeDotsBtn;
     createLink;
+    actionMenucreateBtn;
     insertValueBtn;
     insertPartialViewBtn;
     insertDictionaryItemBtn;
@@ -120,12 +121,15 @@ class UiBaseLocators {
     actionsBtn;
     mediaPickerModalSubmitBtn;
     deleteBtn;
+    createModalBtn;
     mediaCaptionAltTextModalSubmitBtn;
     embeddedMediaModal;
     embeddedURLTxt;
     embeddedRetrieveBtn;
     embeddedMediaModalConfirmBtn;
     embeddedPreview;
+    sectionSidebar;
+    actionsMenuContainer;
     constructor(page) {
         this.page = page;
         this.saveBtn = page.getByLabel('Save', { exact: true });
@@ -159,10 +163,12 @@ class UiBaseLocators {
         this.newNameTxt = page.getByRole('textbox', { name: 'Enter new name...' });
         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.getByLabel('Add', { exact: true });
-        this.renameFolderThreeDotsBtn = page.getByLabel('Rename folder...');
+        this.addBtn = page.getByRole('button', { name: 'Add', exact: true });
+        this.renameFolderThreeDotsBtn = page.getByRole('button', { name: 'Rename folder...' });
         this.renameFolderBtn = page.getByLabel('Rename folder');
         this.confirmRenameFolderBtn = page.locator('#confirm').getByLabel('Rename folder');
         this.updateFolderBtn = page.getByLabel('Update folder');
@@ -243,14 +249,21 @@ class UiBaseLocators {
         this.actionsBtn = page.getByLabel('Actions', { exact: true });
         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 });
         this.mediaCaptionAltTextModalSubmitBtn = page.locator('umb-media-caption-alt-text-modal').getByLabel('Submit');
         this.embeddedMediaModal = page.locator('umb-embedded-media-modal');
         this.embeddedURLTxt = this.embeddedMediaModal.locator('[label="URL"] #input');
         this.embeddedRetrieveBtn = this.embeddedMediaModal.locator('[label="Retrieve"]');
         this.embeddedMediaModalConfirmBtn = this.embeddedMediaModal.getByLabel('Confirm');
         this.embeddedPreview = this.embeddedMediaModal.locator('[label="Preview"]');
+        this.sectionSidebar = page.locator('umb-section-sidebar');
+    }
+    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();
     }
@@ -259,8 +272,12 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.page.locator('[label="' + name + '"] >> [label="Open actions menu"]')).toBeVisible({ visible: isVisible });
     }
     async clickCaretButtonForName(name) {
+        await this.isCaretButtonWithNameVisible(name);
         await this.page.locator('div').filter({ hasText: name }).locator('#caret-button').click();
     }
+    async isCaretButtonWithNameVisible(name, isVisible = true) {
+        await (0, test_1.expect)(this.page.locator('div').filter({ hasText: name }).locator('#caret-button')).toBeVisible({ visible: isVisible });
+    }
     async clickCaretButton() {
         await this.page.locator('#caret-button').click();
     }
@@ -274,7 +291,6 @@ class UiBaseLocators {
         const isCaretButtonOpen = await menuItem.getAttribute('show-children');
         if (isCaretButtonOpen === null) {
             // We need to wait before clicking the caret button. Because the reload might not have happend yet. 
-            // await this.page.waitForTimeout(500);
             await this.clickCaretButtonForName(treeName);
         }
     }
@@ -386,7 +402,7 @@ class UiBaseLocators {
         await this.page.locator('[name="' + name + '"] [name="icon-trash"]').click();
     }
     async clickRemoveWithName(name) {
-        const removeLabelWithNameLocator = this.page.getByLabel('Remove ' + name);
+        const removeLabelWithNameLocator = this.page.locator('[label="Remove ' + name + '"]');
         await (0, test_1.expect)(removeLabelWithNameLocator).toBeVisible();
         await removeLabelWithNameLocator.click();
     }
@@ -424,6 +440,7 @@ class UiBaseLocators {
         await this.orderByPropertyAliasBtn.click();
         // Click to ascending button if isAscending is false
         if (!isAscending) {
+            await (0, test_1.expect)(this.ascendingBtn).toBeVisible();
             await this.ascendingBtn.click();
         }
     }
@@ -450,7 +467,7 @@ class UiBaseLocators {
         await ddlOption.click();
     }
     async createFolder(folderName) {
-        await this.clickCreateButton();
+        await this.clickActionsMenuCreateButton();
         await this.clickNewFolderThreeDotsButton();
         await this.enterFolderName(folderName);
         await this.clickConfirmCreateFolderButton();
@@ -495,6 +512,7 @@ class UiBaseLocators {
     }
     async goToSettingsTreeItem(settingsTreeItemName) {
         await this.goToSection(ConstantHelper_1.ConstantHelper.sections.settings);
+        await (0, test_1.expect)(this.page.getByLabel(settingsTreeItemName, { exact: true })).toBeVisible();
         await this.page.getByLabel(settingsTreeItemName, { exact: true }).click();
     }
     async clickDataElement(elementName, options = null) {
@@ -535,7 +553,12 @@ 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();
     }
     ;
@@ -576,9 +599,11 @@ class UiBaseLocators {
         await this.validation.selectOption(option);
     }
     async enterRegEx(regEx) {
+        await (0, test_1.expect)(this.regexTxt).toBeVisible();
         await this.regexTxt.fill(regEx);
     }
     async enterRegExMessage(regExMessage) {
+        await (0, test_1.expect)(this.regexMessageTxt).toBeVisible();
         await this.regexMessageTxt.fill(regExMessage);
     }
     async clickCompositionsButton() {
@@ -618,6 +643,8 @@ class UiBaseLocators {
         await this.clickSubmitButton();
     }
     async enterPropertyEditorDescription(description) {
+        await (0, test_1.expect)(this.enterPropertyEditorDescriptionTxt).toBeVisible();
+        await this.enterPropertyEditorDescriptionTxt.clear();
         await this.enterPropertyEditorDescriptionTxt.fill(description);
     }
     async clickAddGroupButton() {
@@ -628,7 +655,6 @@ class UiBaseLocators {
         await this.chooseModalBtn.click();
     }
     async enterGroupName(groupName, index = 0) {
-        await this.page.waitForTimeout(200);
         const groupNameTxt = this.groupLabel.nth(index);
         await (0, test_1.expect)(groupNameTxt).toBeVisible();
         await groupNameTxt.clear();
@@ -668,9 +694,11 @@ class UiBaseLocators {
         await this.page.mouse.up();
     }
     async getButtonWithName(name) {
+        await (0, test_1.expect)(this.page.getByRole('button', { name: name })).toBeVisible();
         return this.page.getByRole('button', { name: name });
     }
     async clickCreateLink() {
+        await (0, test_1.expect)(this.createLink).toBeVisible();
         await this.createLink.click();
     }
     async insertSystemFieldValue(fieldValue) {
@@ -695,6 +723,7 @@ class UiBaseLocators {
     async deletePropertyEditorWithName(name) {
         // We need to hover over the Property Editor to make the delete button visible
         const propertyEditor = this.page.locator('umb-content-type-design-editor-property', { hasText: name });
+        await (0, test_1.expect)(propertyEditor).toBeVisible();
         await propertyEditor.hover();
         await (0, test_1.expect)(propertyEditor.getByLabel('Delete')).toBeVisible();
         // Force click is needed
@@ -702,6 +731,7 @@ class UiBaseLocators {
         await this.clickConfirmToDeleteButton();
     }
     async clickRenameButton() {
+        await (0, test_1.expect)(this.renameBtn).toBeVisible();
         await this.renameBtn.click();
     }
     async clickDeleteAndConfirmButton() {
@@ -709,9 +739,11 @@ class UiBaseLocators {
         await this.clickConfirmToDeleteButton();
     }
     async clickDeleteButton() {
+        await (0, test_1.expect)(this.deleteBtn).toBeVisible();
         await this.deleteBtn.click();
     }
     async clickQueryBuilderButton() {
+        await (0, test_1.expect)(this.queryBuilderBtn).toBeVisible();
         await this.queryBuilderBtn.click();
     }
     async chooseRootContentInQueryBuilder(contentName) {
@@ -719,7 +751,7 @@ class UiBaseLocators {
         await this.chooseRootContentBtn.click();
         await (0, test_1.expect)(this.page.getByText(contentName)).toBeVisible();
         await this.page.getByText(contentName).click();
-        await this.chooseBtn.click();
+        await this.clickChooseButton();
     }
     async reorderTwoGroups() {
         const firstGroup = this.typeGroups.nth(0);
@@ -732,9 +764,11 @@ class UiBaseLocators {
         return { firstGroupValue, secondGroupValue };
     }
     async clickAllowedChildNodesButton() {
+        await (0, test_1.expect)(this.allowedChildNodesModal.locator(this.chooseBtn)).toBeVisible();
         await this.allowedChildNodesModal.locator(this.chooseBtn).click();
     }
     async clickConfigureAsACollectionButton() {
+        await (0, test_1.expect)(this.configureAsACollectionBtn).toBeVisible();
         await this.configureAsACollectionBtn.click();
     }
     async doesReturnedItemsHaveCount(itemCount) {
@@ -757,15 +791,18 @@ class UiBaseLocators {
         }
     }
     async clickRemoveTabWithName(name) {
+        await (0, test_1.expect)(this.page.locator('uui-tab').filter({ hasText: name })).toBeVisible();
         await this.page.locator('uui-tab').filter({ hasText: name }).hover();
         const removeTabWithNameLocator = this.page.locator('uui-tab').filter({ hasText: name }).locator('[label="Remove"]');
         await (0, test_1.expect)(removeTabWithNameLocator).toBeVisible();
         await removeTabWithNameLocator.click();
     }
     async clickLeftArrowButton() {
+        await (0, test_1.expect)(this.leftArrowBtn).toBeVisible();
         await this.leftArrowBtn.click();
     }
     async clickToUploadButton() {
+        await (0, test_1.expect)(this.clickToUploadBtn).toBeVisible();
         await this.clickToUploadBtn.click();
     }
     async uploadFile(filePath) {
@@ -784,9 +821,11 @@ class UiBaseLocators {
         await (0, test_1.expect)(this.failedStateButton).toBeVisible();
     }
     async clickContainerSaveAndPublishButton() {
+        await (0, test_1.expect)(this.containerSaveAndPublishBtn).toBeVisible();
         await this.containerSaveAndPublishBtn.click();
     }
     async clickConfirmTrashButton() {
+        await (0, test_1.expect)(this.confirmTrashBtn).toBeVisible();
         await this.confirmTrashBtn.click();
     }
     async reloadRecycleBin(containsItems = true) {
@@ -840,9 +879,11 @@ class UiBaseLocators {
         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 clickChooseContentStartNodeButton() {
+        await (0, test_1.expect)(this.chooseDocumentInputBtn).toBeVisible();
         await this.chooseDocumentInputBtn.click();
     }
     async clickChooseMediaStartNodeButton() {
@@ -850,37 +891,54 @@ class UiBaseLocators {
         await this.chooseMediaInputBtn.click();
     }
     async clickActionsButton() {
+        await (0, test_1.expect)(this.actionsBtn).toBeVisible();
         await this.actionsBtn.click();
     }
     async clickReferenceNodeLinkWithName(name) {
+        await (0, test_1.expect)(this.page.locator('[name="' + name + '"] a#open-part')).toBeVisible();
         await this.page.locator('[name="' + name + '"] a#open-part').click();
     }
     async clickLinkWithName(name) {
+        await (0, test_1.expect)(this.page.getByRole('link', { name: name })).toBeVisible();
         await this.page.getByRole('link', { name: name }).click();
     }
     async clickMediaPickerModalSubmitButton() {
+        await (0, test_1.expect)(this.mediaPickerModalSubmitBtn).toBeVisible();
         await this.mediaPickerModalSubmitBtn.click();
     }
     async selectMediaWithName(mediaName) {
+        await (0, test_1.expect)(this.mediaCardItems.filter({ hasText: mediaName })).toBeVisible();
         await this.mediaCardItems.filter({ hasText: mediaName }).click({ position: { x: 0.5, y: 0.5 } });
     }
+    async clickCreateModalButton() {
+        await (0, test_1.expect)(this.createModalBtn).toBeVisible();
+        await this.createModalBtn.click();
+    }
     async clickMediaCaptionAltTextModalSubmitButton() {
+        await (0, test_1.expect)(this.mediaCaptionAltTextModalSubmitBtn).toBeVisible();
         await this.mediaCaptionAltTextModalSubmitBtn.click();
     }
     // Embed Modal
     async enterEmbeddedURL(value) {
+        await (0, test_1.expect)(this.embeddedURLTxt).toBeVisible();
         await this.embeddedURLTxt.clear();
         await this.embeddedURLTxt.fill(value);
     }
     async clickEmbeddedRetrieveButton() {
+        await (0, test_1.expect)(this.embeddedRetrieveBtn).toBeVisible();
         await this.embeddedRetrieveBtn.click();
     }
     async clickEmbeddedMediaModalConfirmButton() {
+        await (0, test_1.expect)(this.embeddedMediaModalConfirmBtn).toBeVisible();
         await this.embeddedMediaModalConfirmBtn.click();
     }
     async waitForEmbeddedPreviewVisible() {
         await (0, test_1.expect)(this.embeddedPreview).toBeVisible();
     }
+    async isSubmitButtonDisabled() {
+        await (0, test_1.expect)(this.submitBtn).toBeVisible();
+        await (0, test_1.expect)(this.submitBtn).toHaveAttribute('disabled');
+    }
     async doesMediaHaveThumbnail(mediaId, thumbnailIconName, thumbnailImage) {
         const mediaThumbnailLocator = this.page.locator('[data-mark="media:' + mediaId + '"]');
         if (thumbnailIconName === 'image') {