@umbraco/playwright-testhelpers 15.0.9 → 15.0.12

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

@@ -105,11 +105,21 @@ export declare class ContentUiHelper extends UiBaseLocators {
     private readonly actionsMenu;
     private readonly linkToDocumentBtn;
     private readonly linkToMediaBtn;
+    private readonly linkToManualBtn;
     private readonly umbDocumentCollection;
     private readonly documentTableColumnName;
+    private readonly addBlockElementBtn;
+    private readonly formValidationMessage;
+    private readonly blockName;
+    private readonly addBlockSettingsTabBtn;
+    private readonly editBlockEntryBtn;
+    private readonly deleteBlockEntryBtn;
+    private readonly blockGridEntry;
+    private readonly blockListEntry;
     private readonly tipTapPropertyEditor;
     private readonly tipTapEditor;
     private readonly uploadedSvgThumbnail;
+    private readonly linkPickerModal;
     constructor(page: Page);
     enterContentName(name: string): Promise<void>;
     clickSaveAndPublishButton(): Promise<void>;
@@ -180,9 +190,9 @@ export declare class ContentUiHelper extends UiBaseLocators {
     removeTagByName(tagName: string): Promise<void>;
     clickAddMultiURLPickerButton(): Promise<void>;
     selectLinkByName(linkName: string): Promise<void>;
-    enterLink(value: string): Promise<void>;
-    enterAnchorOrQuerystring(value: string): Promise<void>;
-    enterLinkTitle(value: string): Promise<void>;
+    enterLink(value: string, toPress?: boolean): Promise<void>;
+    enterAnchorOrQuerystring(value: string, toPress?: boolean): Promise<void>;
+    enterLinkTitle(value: string, toPress?: boolean): Promise<void>;
     removeUrlPickerByName(linkName: string): Promise<void>;
     clickEditUrlPickerButtonByName(linkName: string): Promise<void>;
     clickRemoveFilesButton(): Promise<void>;
@@ -254,8 +264,19 @@ export declare class ContentUiHelper extends UiBaseLocators {
     doesIndexDocumentInTreeContainName(parentName: string, childName: string, index: number): Promise<void>;
     selectMemberGroup(memberGroupName: string): Promise<void>;
     isPermissionInActionsMenuVisible(permissionName: string, isVisible?: boolean): Promise<void>;
-    clickLinkToDocumentButton(): Promise<void>;
-    clickLinkToMediaButton(): Promise<void>;
+    clickDocumentLinkButton(): Promise<void>;
+    clickMediaLinkButton(): Promise<void>;
+    clickManualLinkButton(): Promise<void>;
+    clickAddBlockElementButton(): Promise<void>;
+    isAddBlockElementButtonVisible(isVisible?: boolean): Promise<void>;
+    isAddBlockElementButtonWithLabelVisible(label: string, isVisible?: boolean): Promise<void>;
+    doesFormValidationMessageContainText(text: string): Promise<void>;
+    doesBlockElementHaveName(name: string): Promise<void>;
+    clickAddBlockSettingsTabButton(): Promise<void>;
+    clickEditBlockGridBlockButton(): Promise<void>;
+    clickDeleteBlockGridBlockButton(): Promise<void>;
+    clickEditBlockListBlockButton(): Promise<void>;
+    clickDeleteBlockListBlockButton(): Promise<void>;
     enterRTETipTapEditor(value: string): Promise<void>;
     clickTipTapToolbarIconWithTitle(iconTitle: string): Promise<void>;
     doesUploadedSvgThumbnailHaveSrc(imageSrc: string): Promise<void>;

package/dist/lib/helpers/ContentUiHelper.js

@@ -108,13 +108,24 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     actionsMenu;
     linkToDocumentBtn;
     linkToMediaBtn;
+    linkToManualBtn;
     umbDocumentCollection;
     documentTableColumnName;
+    addBlockElementBtn;
+    formValidationMessage;
+    blockName;
+    addBlockSettingsTabBtn;
+    editBlockEntryBtn;
+    deleteBlockEntryBtn;
+    blockGridEntry;
+    blockListEntry;
     tipTapPropertyEditor;
     tipTapEditor;
     uploadedSvgThumbnail;
+    linkPickerModal;
     constructor(page) {
         super(page);
+        this.linkPickerModal = page.locator('umb-link-picker-modal');
         this.contentNameTxt = page.locator('#name-input input');
         this.saveAndPublishBtn = page.getByLabel('Save And Publish');
         this.publishBtn = page.getByLabel(/^Publish(\.\.\.)?$/);
@@ -136,9 +147,9 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.chooseMemberPickerBtn = page.locator('umb-property-editor-ui-member-picker #btn-add');
         this.numericTxt = page.locator('umb-property-editor-ui-number input');
         this.addMultiURLPickerBtn = page.locator('umb-property-editor-ui-multi-url-picker #btn-add');
-        this.linkTxt = page.getByLabel('URL', { exact: true });
+        this.linkTxt = page.getByLabel('Enter a URL...', { exact: true });
         this.anchorQuerystringTxt = page.getByLabel('#value or ?key=value');
-        this.linkTitleTxt = page.getByLabel('Link title');
+        this.linkTitleTxt = this.linkPickerModal.getByLabel('Title');
         this.tagItems = page.locator('uui-tag');
         this.removeFilesBtn = page.locator('umb-input-upload-field [label="Remove file(s)"]');
         this.toggleBtn = page.locator('umb-property-editor-ui-toggle #slider');
@@ -220,10 +231,20 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.rollbackItem = page.locator('.rollback-item');
         this.expandChildItemsForContent = page.getByLabel('Expand child items for Content');
         this.actionsMenu = page.locator('uui-scroll-container');
-        this.linkToDocumentBtn = page.getByLabel('Link to document');
-        this.linkToMediaBtn = page.getByLabel('Link to media');
+        this.linkToDocumentBtn = this.linkPickerModal.getByLabel('Document', { exact: true });
+        this.linkToMediaBtn = this.linkPickerModal.getByLabel('Media', { exact: true });
+        this.linkToManualBtn = this.linkPickerModal.getByLabel('Manual', { exact: true });
         this.umbDocumentCollection = page.locator('umb-document-collection');
         this.documentTableColumnName = this.listView.locator('umb-document-table-column-name');
+        //Block Grid - Block List
+        this.addBlockElementBtn = page.locator('uui-button-group uui-button').first();
+        this.formValidationMessage = page.locator('#splitViews umb-form-validation-message #messages');
+        this.blockName = page.locator('#editor [slot="name"]');
+        this.addBlockSettingsTabBtn = page.locator('umb-body-layout').getByRole('tab', { name: 'Settings' });
+        this.editBlockEntryBtn = page.locator('[label="edit"] svg');
+        this.deleteBlockEntryBtn = page.locator('[label="delete"] svg');
+        this.blockGridEntry = page.locator('umb-block-grid-entry');
+        this.blockListEntry = page.locator('umb-block-list-entry');
         // TipTap
         this.tipTapPropertyEditor = page.locator('umb-property-editor-ui-tiptap');
         this.tipTapEditor = this.tipTapPropertyEditor.locator('#editor .tiptap');
@@ -262,6 +283,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.clickActionsMenuForName(name);
     }
     async clickCaretButtonForContentName(name) {
+        await (0, test_1.expect)(this.menuItemTree.filter({ hasText: name }).last().locator('#caret-button').last()).toBeVisible();
         await this.menuItemTree.filter({ hasText: name }).last().locator('#caret-button').last().click();
     }
     async waitForModalVisible() {
@@ -341,6 +363,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.clickChooseModalButton();
     }
     async isTemplateNameDisabled(templateName) {
+        await (0, test_1.expect)(this.sidebarModal.getByLabel(templateName)).toBeVisible();
         await (0, test_1.expect)(this.sidebarModal.getByLabel(templateName)).toBeDisabled();
     }
     // Culture and Hostnames
@@ -348,14 +371,17 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.cultureAndHostnamesBtn.click();
     }
     async selectCultureLanguageOption(option) {
+        await (0, test_1.expect)(this.cultureLanguageDropdownBox).toBeVisible();
         await this.cultureLanguageDropdownBox.click();
-        await this.page.getByText(option).click();
+        await (0, test_1.expect)(this.page.getByText(option, { exact: true })).toBeVisible();
+        await this.page.getByText(option, { exact: true }).click();
     }
     async selectDomainLanguageOption(option, index = 0) {
         await this.domainLanguageDropdownBox.nth(index).click();
         await this.domainComboBox.nth(index).getByText(option).click();
     }
     async clickAddNewDomainButton() {
+        await (0, test_1.expect)(this.addNewDomainBtn).toBeVisible();
         await this.addNewDomainBtn.click();
     }
     async enterDomain(value, index = 0) {
@@ -492,17 +518,32 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     async selectLinkByName(linkName) {
         await this.sidebarModal.getByText(linkName, { exact: true }).click();
     }
-    async enterLink(value) {
+    async enterLink(value, toPress = false) {
         await this.linkTxt.clear();
-        await this.linkTxt.fill(value);
+        if (toPress) {
+            await this.linkTxt.press(value);
+        }
+        else {
+            await this.linkTxt.fill(value);
+        }
     }
-    async enterAnchorOrQuerystring(value) {
+    async enterAnchorOrQuerystring(value, toPress = false) {
         await this.anchorQuerystringTxt.clear();
-        await this.anchorQuerystringTxt.fill(value);
+        if (toPress) {
+            await this.anchorQuerystringTxt.press(value);
+        }
+        else {
+            await this.anchorQuerystringTxt.fill(value);
+        }
     }
-    async enterLinkTitle(value) {
+    async enterLinkTitle(value, toPress = false) {
         await this.linkTitleTxt.clear();
-        await this.linkTitleTxt.fill(value);
+        if (toPress) {
+            await this.linkTitleTxt.press(value);
+        }
+        else {
+            await this.linkTitleTxt.fill(value);
+        }
     }
     async removeUrlPickerByName(linkName) {
         await this.page.locator('[name="' + linkName + '"]').getByLabel('Remove').click();
@@ -562,6 +603,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         return (0, test_1.expect)(this.enterAName).toHaveValue(name);
     }
     async doesDocumentTableColumnNameValuesMatch(expectedValues) {
+        await (0, test_1.expect)(this.documentListView).toBeVisible();
         return expectedValues.forEach((text, index) => {
             (0, test_1.expect)(this.documentTableColumnName.nth(index)).toHaveText(text);
         });
@@ -737,21 +779,27 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.contentTreeRefreshBtn.click({ force: true });
     }
     async clickSortChildrenButton() {
+        await (0, test_1.expect)(this.sortChildrenBtn).toBeVisible();
         await this.sortChildrenBtn.click();
     }
     async clickRollbackButton() {
+        await (0, test_1.expect)(this.rollbackBtn).toBeVisible();
         await this.rollbackBtn.click();
     }
     async clickRollbackContainerButton() {
+        await (0, test_1.expect)(this.rollbackContainerBtn).toBeVisible();
         await this.rollbackContainerBtn.click();
     }
     async clickLatestRollBackItem() {
+        await (0, test_1.expect)(this.rollbackItem.last()).toBeVisible();
         await this.rollbackItem.last().click();
     }
     async clickPublicAccessButton() {
+        await (0, test_1.expect)(this.publicAccessBtn).toBeVisible();
         await this.publicAccessBtn.click();
     }
     async addGroupBasedPublicAccess(memberGroupName, documentName) {
+        await (0, test_1.expect)(this.groupBasedProtectionBtn).toBeVisible();
         await this.groupBasedProtectionBtn.click();
         await this.nextBtn.click();
         await this.chooseMemberGroupBtn.click();
@@ -783,12 +831,14 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.page.mouse.up();
     }
     async clickSortButton() {
+        await (0, test_1.expect)(this.sortBtn).toBeVisible();
         await this.sortBtn.click();
     }
     async doesIndexDocumentInTreeContainName(parentName, childName, index) {
         await (0, test_1.expect)(this.documentTreeItem.locator('[label="' + parentName + '"]').locator('umb-tree-item').nth(index).locator('#label')).toHaveText(childName);
     }
     async selectMemberGroup(memberGroupName) {
+        await (0, test_1.expect)(this.uuiCheckbox.getByLabel(memberGroupName)).toBeVisible();
         await this.uuiCheckbox.getByLabel(memberGroupName).click();
     }
     async isPermissionInActionsMenuVisible(permissionName, isVisible = true) {
@@ -797,21 +847,75 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
             exact: true
         })).toBeVisible({ visible: isVisible });
     }
-    async clickLinkToDocumentButton() {
+    async clickDocumentLinkButton() {
+        await (0, test_1.expect)(this.linkToDocumentBtn).toBeVisible();
         await this.linkToDocumentBtn.click();
     }
-    async clickLinkToMediaButton() {
+    async clickMediaLinkButton() {
+        await (0, test_1.expect)(this.linkToMediaBtn).toBeVisible();
         await this.linkToMediaBtn.click();
     }
+    async clickManualLinkButton() {
+        await (0, test_1.expect)(this.linkToManualBtn).toBeVisible();
+        await this.linkToManualBtn.click();
+    }
+    // Block Grid - Block List
+    async clickAddBlockElementButton() {
+        await (0, test_1.expect)(this.addBlockElementBtn).toBeVisible();
+        await this.addBlockElementBtn.click();
+    }
+    async isAddBlockElementButtonVisible(isVisible = true) {
+        await (0, test_1.expect)(this.addBlockElementBtn).toBeVisible({ visible: isVisible });
+    }
+    async isAddBlockElementButtonWithLabelVisible(label, isVisible = true) {
+        await (0, test_1.expect)(this.addBlockElementBtn.getByLabel(label)).toBeVisible({ visible: isVisible });
+    }
+    async doesFormValidationMessageContainText(text) {
+        await (0, test_1.expect)(this.formValidationMessage).toContainText(text);
+    }
+    async doesBlockElementHaveName(name) {
+        await (0, test_1.expect)(this.blockName).toContainText(name);
+    }
+    async clickAddBlockSettingsTabButton() {
+        await (0, test_1.expect)(this.addBlockSettingsTabBtn).toBeVisible();
+        await this.addBlockSettingsTabBtn.click();
+    }
+    async clickEditBlockGridBlockButton() {
+        await (0, test_1.expect)(this.blockGridEntry).toBeVisible();
+        await this.blockGridEntry.hover();
+        await (0, test_1.expect)(this.editBlockEntryBtn).toBeVisible();
+        await this.editBlockEntryBtn.click();
+    }
+    async clickDeleteBlockGridBlockButton() {
+        await (0, test_1.expect)(this.blockGridEntry).toBeVisible();
+        await this.blockGridEntry.hover();
+        await (0, test_1.expect)(this.deleteBlockEntryBtn).toBeVisible();
+        await this.deleteBlockEntryBtn.click();
+    }
+    async clickEditBlockListBlockButton() {
+        await (0, test_1.expect)(this.blockListEntry).toBeVisible();
+        await this.blockListEntry.hover();
+        await (0, test_1.expect)(this.editBlockEntryBtn).toBeVisible();
+        await this.editBlockEntryBtn.click();
+    }
+    async clickDeleteBlockListBlockButton() {
+        await (0, test_1.expect)(this.blockListEntry).toBeVisible();
+        await this.blockListEntry.hover();
+        await (0, test_1.expect)(this.deleteBlockEntryBtn).toBeVisible();
+        await this.deleteBlockEntryBtn.click();
+    }
     // TipTap
     async enterRTETipTapEditor(value) {
+        await (0, test_1.expect)(this.tipTapEditor).toBeVisible();
         await this.tipTapEditor.clear();
         await this.tipTapEditor.fill(value);
     }
     async clickTipTapToolbarIconWithTitle(iconTitle) {
-        await this.tipTapPropertyEditor.getByTitle(iconTitle).locator('svg').click();
+        await (0, test_1.expect)(this.tipTapPropertyEditor.getByTitle(iconTitle, { exact: true }).locator('svg')).toBeVisible();
+        await this.tipTapPropertyEditor.getByTitle(iconTitle, { exact: true }).locator('svg').click();
     }
     async doesUploadedSvgThumbnailHaveSrc(imageSrc) {
+        await (0, test_1.expect)(this.uploadedSvgThumbnail).toBeVisible();
         await (0, test_1.expect)(this.uploadedSvgThumbnail).toHaveAttribute('src', imageSrc);
     }
 }