@umbraco/playwright-testhelpers 15.0.20 → 15.0.22

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

@@ -134,6 +134,12 @@ export declare class ContentUiHelper extends UiBaseLocators {
     private readonly insertBlockBtn;
     private readonly validationMessage;
     private readonly blockWorkspace;
+    private readonly saveContentBtn;
+    private readonly splitView;
+    private readonly tiptapInput;
+    private readonly rteBlockInline;
+    private readonly backofficeModalContainer;
+    private readonly rteBlock;
     constructor(page: Page);
     enterContentName(name: string): Promise<void>;
     clickSaveAndPublishButton(): Promise<void>;
@@ -147,6 +153,7 @@ export declare class ContentUiHelper extends UiBaseLocators {
     clickCaretButtonForContentName(name: string): Promise<void>;
     waitForModalVisible(): Promise<void>;
     waitForModalHidden(): Promise<void>;
+    clickSaveButtonForContent(): Promise<void>;
     enterTextstring(text: string): Promise<void>;
     doesContentTreeHaveName(contentName: string): Promise<void>;
     enterRichTextArea(value: string): Promise<void>;
@@ -154,7 +161,7 @@ export declare class ContentUiHelper extends UiBaseLocators {
     clickConfirmToUnpublishButton(): Promise<void>;
     clickCreateDocumentBlueprintButton(): Promise<void>;
     clickInfoTab(): Promise<void>;
-    doesLinkHaveText(text: string): Promise<void>;
+    doesDocumentHaveLink(link: string): Promise<void>;
     doesHistoryHaveText(text: string): Promise<void>;
     doesPublicationStatusHaveText(text: string): Promise<void>;
     doesCreatedDateHaveText(text: string): Promise<void>;
@@ -256,6 +263,7 @@ export declare class ContentUiHelper extends UiBaseLocators {
     clickConfirmEmptyRecycleBinButton(): Promise<void>;
     isDocumentPropertyEditable(propertyName: string, isEditable?: boolean): Promise<void>;
     doesDocumentPropertyHaveValue(propertyName: string, value: string): Promise<void>;
+    clickContentTab(): Promise<void>;
     isDocumentTreeEmpty(): Promise<void>;
     doesDocumentWorkspaceContainName(name: string): Promise<void>;
     doesDocumentWorkspaceHaveText(text: string): Promise<void>;
@@ -283,7 +291,7 @@ export declare class ContentUiHelper extends UiBaseLocators {
     clickManualLinkButton(): Promise<void>;
     clickAddBlockElementButton(): Promise<void>;
     isAddBlockElementButtonVisible(isVisible?: boolean): Promise<void>;
-    isAddBlockElementButtonWithLabelVisible(label: string, isVisible?: boolean): Promise<void>;
+    isAddBlockElementButtonWithLabelVisible(blockName: string, label: string, isVisible?: boolean): Promise<void>;
     doesFormValidationMessageContainText(text: string): Promise<void>;
     doesBlockElementHaveName(name: string): Promise<void>;
     clickAddBlockSettingsTabButton(): Promise<void>;
@@ -323,4 +331,10 @@ export declare class ContentUiHelper extends UiBaseLocators {
     enterRTETipTapEditor(value: string): Promise<void>;
     clickTipTapToolbarIconWithTitle(iconTitle: string): Promise<void>;
     doesUploadedSvgThumbnailHaveSrc(imageSrc: string): Promise<void>;
+    doesRichTextEditorBlockContainLabel(richTextEditorAlias: string, label: string): Promise<void>;
+    doesBlockEditorModalContainEditorSize(editorSize: string, elementName: string): Promise<void>;
+    doesBlockEditorModalContainInline(richTextEditorAlias: string, elementName: string): Promise<void>;
+    doesBlockHaveBackgroundColor(elementName: string, backgroundColor: string): Promise<void>;
+    doesBlockHaveIconColor(elementName: string, backgroundColor: string): Promise<void>;
+    addDocumentDomain(domainName: string, languageName: string): Promise<void>;
 }

package/dist/lib/helpers/ContentUiHelper.js

@@ -138,18 +138,25 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     insertBlockBtn;
     validationMessage;
     blockWorkspace;
+    saveContentBtn;
+    splitView;
+    tiptapInput;
+    rteBlockInline;
+    backofficeModalContainer;
+    rteBlock;
     constructor(page) {
         super(page);
+        this.saveContentBtn = page.locator('[data-mark="workspace-action:Umb.WorkspaceAction.Document.Save"]');
         this.closeBtn = page.getByRole('button', { name: 'Close', exact: true });
         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(\.\.\.)?$/);
-        this.unpublishBtn = page.getByLabel(/^Unpublish(\.\.\.)?$/);
+        this.publishBtn = page.getByLabel(/^Publish(…)?$/);
+        this.unpublishBtn = page.getByLabel(/^Unpublish(…)?$/);
         this.actionMenuForContentBtn = page.locator('#header [label="Open actions menu"]');
         this.openedModal = page.locator('uui-modal-container[backdrop]');
         this.textstringTxt = page.locator('umb-property-editor-ui-text-box #input');
-        this.reloadChildrenThreeDotsBtn = page.getByRole('button', { name: 'Reload children...' });
+        this.reloadChildrenThreeDotsBtn = page.getByRole('button', { name: 'Reload children…' });
         this.contentTree = page.locator('umb-tree[alias="Umb.Tree.Document"]');
         this.richTextAreaTxt = page.frameLocator('iframe[title="Rich Text Area"]').locator('#tinymce');
         this.textAreaTxt = page.locator('umb-property-editor-ui-textarea textarea');
@@ -158,12 +165,13 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.menuItemTree = page.locator('umb-menu-item-tree-default');
         this.confirmToUnpublishBtn = page.locator('umb-document-unpublish-modal').getByLabel('Unpublish');
         this.dropdown = page.locator('select#native');
-        this.setADateTxt = page.getByLabel('Set a date...');
+        this.splitView = page.locator('#splitViews');
+        this.setADateTxt = page.getByLabel('Set a date…');
         this.chooseMediaPickerBtn = page.locator('umb-property-editor-ui-media-picker #btn-add');
         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('Enter a URL...', { exact: true });
+        this.linkTxt = page.getByLabel('Enter a URL…', { exact: true });
         this.anchorQuerystringTxt = page.getByLabel('#value or ?key=value');
         this.linkTitleTxt = this.linkPickerModal.getByLabel('Title');
         this.tagItems = page.locator('uui-tag');
@@ -187,8 +195,8 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.documentLanguageSelectPopover = page.locator('umb-popover-layout');
         this.documentReadOnly = this.documentWorkspace.locator('#name-input').getByText('Read-only');
         // Info tab
-        this.infoTab = page.getByRole('tab', { name: 'Info' });
-        this.linkContent = page.locator('.link-item');
+        this.infoTab = page.locator('uui-tab[data-mark="workspace:view-link:Umb.WorkspaceView.Document.Info"]');
+        this.linkContent = page.locator('umb-document-links-workspace-info-app');
         this.historyItems = page.locator('umb-history-item');
         this.generalItem = page.locator('.general-item');
         this.publicationStatus = this.generalItem.filter({ hasText: 'Publication Status' }).locator('uui-tag');
@@ -197,7 +205,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.addTemplateBtn = this.generalItem.filter({ hasText: 'Template' }).locator('#button');
         this.id = this.generalItem.filter({ hasText: 'Id' }).locator('span');
         // Culture and Hostname
-        this.cultureAndHostnamesBtn = page.getByLabel(/^Culture and Hostnames(\.\.\.)?$/);
+        this.cultureAndHostnamesBtn = page.getByLabel(/^Culture and Hostnames(…)?$/);
         this.cultureLanguageDropdownBox = page.locator('[headline="Culture"]').getByLabel('combobox-input');
         this.addNewDomainBtn = page.getByLabel('Add new domain');
         this.domainTxt = page.getByLabel('Domain', { exact: true });
@@ -205,19 +213,19 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.deleteDomainBtn = page.locator('[headline="Domains"] [name="icon-trash"] svg');
         this.domainComboBox = page.locator('#domains uui-combobox');
         this.saveModalBtn = this.sidebarModal.getByLabel('Save', { exact: true });
-        this.resetFocalPointBtn = this.page.getByLabel('Reset focal point');
+        this.resetFocalPointBtn = page.getByLabel('Reset focal point');
         // List View
-        this.enterNameInContainerTxt = this.container.getByLabel('Enter a name...');
+        this.enterNameInContainerTxt = this.container.getByLabel('Enter a name…');
         this.listView = page.locator('umb-document-table-collection-view');
         this.nameBtn = page.getByRole('button', { name: 'Name' });
         this.listViewTableRow = this.listView.locator('uui-table-row');
-        this.publishSelectedListItems = page.getByRole('button', { name: /^Publish(\.\.\.)?$/ });
-        this.unpublishSelectedListItems = page.getByRole('button', { name: /^Unpublish(\.\.\.)?$/ });
-        this.duplicateToSelectedListItems = page.getByRole('button', { name: /^Duplicate to(\.\.\.)?$/ });
-        this.moveToSelectedListItems = page.getByRole('button', { name: /^Move to(\.\.\.)?$/ });
-        this.trashSelectedListItems = page.getByRole('button', { name: /^Trash(\.\.\.)?$/ });
+        this.publishSelectedListItems = page.getByRole('button', { name: /^Publish(…)?$/ });
+        this.unpublishSelectedListItems = page.getByRole('button', { name: /^Unpublish(…)?$/ });
+        this.duplicateToSelectedListItems = page.getByRole('button', { name: /^Duplicate to(…)?$/ });
+        this.moveToSelectedListItems = page.getByRole('button', { name: /^Move to(…)?$/ });
+        this.trashSelectedListItems = page.getByRole('button', { name: /^Trash(…)?$/ });
         this.modalContent = page.locator('umb-tree-picker-modal');
-        this.trashBtn = page.getByLabel(/^Trash(\.\.\.)?$/);
+        this.trashBtn = page.getByLabel(/^Trash(…)?$/);
         this.exactTrashBtn = page.getByRole('button', { name: 'Trash', exact: true });
         this.documentListView = page.locator('umb-document-table-collection-view');
         this.documentGridView = page.locator('umb-document-grid-collection-view');
@@ -226,13 +234,13 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.documentBlueprintModalEnterNameTxt = this.documentBlueprintModal.locator('input');
         this.documentBlueprintSaveBtn = this.documentBlueprintModal.getByLabel('Save');
         this.emptyRecycleBinBtn = page.getByLabel('Empty Recycle Bin');
-        this.confirmEmptyRecycleBinBtn = this.page.locator('#confirm').getByLabel('Empty Recycle Bin', { exact: true });
+        this.confirmEmptyRecycleBinBtn = page.locator('#confirm').getByLabel('Empty Recycle Bin', { exact: true });
         this.duplicateToBtn = page.getByRole('button', { name: 'Duplicate to' });
         this.moveToBtn = page.getByRole('button', { name: 'Move to' });
         this.duplicateBtn = page.getByLabel('Duplicate', { exact: true });
         this.contentTreeRefreshBtn = page.locator('#header').getByLabel('#actions_refreshNode');
         this.sortChildrenBtn = page.getByRole('button', { name: 'Sort children' });
-        this.rollbackBtn = page.getByRole('button', { name: 'Rollback' });
+        this.rollbackBtn = page.getByRole('button', { name: 'Rollback', exact: true });
         this.rollbackContainerBtn = this.container.getByLabel('Rollback');
         this.publicAccessBtn = page.getByRole('button', { name: 'Public Access' });
         this.uuiCheckbox = page.locator('uui-checkbox');
@@ -253,7 +261,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         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().locator('a#button');
+        this.addBlockElementBtn = page.locator('uui-button-group uui-button').first().filter({ has: page.locator('a#button') });
         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' });
@@ -274,15 +282,20 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         // TipTap
         this.tipTapPropertyEditor = page.locator('umb-property-editor-ui-tiptap');
         this.tipTapEditor = this.tipTapPropertyEditor.locator('#editor .tiptap');
-        this.uploadedSvgThumbnail = this.page.locator('umb-input-upload-field-svg img');
-        this.insertBlockBtn = this.page.locator('[title="Insert Block"]');
-        this.validationMessage = this.page.locator('umb-form-validation-message').locator('#messages');
+        this.uploadedSvgThumbnail = page.locator('umb-input-upload-field-svg img');
+        this.insertBlockBtn = page.locator('[title="Insert Block"]');
+        this.validationMessage = page.locator('umb-form-validation-message').locator('#messages');
         this.blockWorkspace = page.locator('umb-block-workspace-editor');
+        this.tiptapInput = page.locator('umb-input-tiptap');
+        this.rteBlockInline = page.locator('umb-rte-block-inline');
+        this.backofficeModalContainer = page.locator('umb-backoffice-modal-container');
+        this.rteBlock = page.locator('umb-rte-block');
     }
     async enterContentName(name) {
         await (0, test_1.expect)(this.contentNameTxt).toBeVisible();
         await this.contentNameTxt.clear();
         await this.contentNameTxt.fill(name);
+        await (0, test_1.expect)(this.contentNameTxt).toHaveValue(name);
     }
     async clickSaveAndPublishButton() {
         await (0, test_1.expect)(this.saveAndPublishBtn).toBeVisible();
@@ -321,6 +334,10 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     async waitForModalHidden() {
         await this.openedModal.waitFor({ state: 'hidden' });
     }
+    async clickSaveButtonForContent() {
+        await (0, test_1.expect)(this.saveContentBtn).toBeVisible();
+        await this.saveContentBtn.click();
+    }
     async enterTextstring(text) {
         await (0, test_1.expect)(this.textstringTxt).toBeVisible();
         await this.textstringTxt.clear();
@@ -350,8 +367,8 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await (0, test_1.expect)(this.infoTab).toBeVisible();
         await this.infoTab.click();
     }
-    async doesLinkHaveText(text) {
-        await (0, test_1.expect)(this.linkContent).toHaveText(text);
+    async doesDocumentHaveLink(link) {
+        await (0, test_1.expect)(this.linkContent).toContainText(link);
     }
     async doesHistoryHaveText(text) {
         await (0, test_1.expect)(this.historyItems).toHaveText(text);
@@ -461,7 +478,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await (0, test_1.expect)(this.documentTreeItem.locator('[label="' + parentName + '"]').getByLabel(childName)).toBeVisible({ visible: isVisible });
     }
     async removeContentPicker(contentPickerName) {
-        const contentPickerLocator = this.page.locator('[name="' + contentPickerName + '"]');
+        const contentPickerLocator = this.page.locator('umb-entity-item-ref').filter({ has: this.page.locator('[name="' + contentPickerName + '"]') });
         await contentPickerLocator.hover();
         await contentPickerLocator.getByLabel('Remove').click();
         await this.clickConfirmRemoveButton();
@@ -519,7 +536,9 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.sidebarModal.getByText(memberName, { exact: true }).click();
     }
     async removeMemberPickerByName(memberName) {
-        await this.page.locator('[name="' + memberName + '"]').getByLabel('Remove').click();
+        const mediaPickerLocator = this.page.locator('umb-entity-item-ref').filter({ has: this.page.locator('[name="' + memberName + '"]') });
+        await mediaPickerLocator.hover();
+        await mediaPickerLocator.getByLabel('Remove').click();
         await this.clickConfirmRemoveButton();
     }
     // Numeric
@@ -540,6 +559,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.enterTagTxt.press('Enter');
     }
     async removeTagByName(tagName) {
+        await (0, test_1.expect)(this.tagItems.filter({ hasText: tagName }).locator('svg')).toBeVisible();
         await this.tagItems.filter({ hasText: tagName }).locator('svg').click();
     }
     // Multi URL Picker
@@ -585,11 +605,13 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     // Upload
     async clickRemoveFilesButton() {
+        await (0, test_1.expect)(this.removeFilesBtn).toBeVisible();
         await this.removeFilesBtn.click();
     }
     // True/false
     async clickToggleButton() {
-        await this.toggleBtn.click();
+        await (0, test_1.expect)(this.toggleBtn).toBeVisible();
+        await this.toggleBtn.click({ force: true });
     }
     async doesToggleHaveLabel(label) {
         return await (0, test_1.expect)(this.toggleInput).toHaveAttribute('aria-label', label);
@@ -768,6 +790,9 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         const propertyLocator = this.documentWorkspace.locator(this.property).filter({ hasText: propertyName }).locator('#input');
         await (0, test_1.expect)(propertyLocator).toHaveValue(value);
     }
+    async clickContentTab() {
+        await this.splitView.getByRole('tab', { name: 'Content' }).click();
+    }
     async isDocumentTreeEmpty() {
         await (0, test_1.expect)(this.documentTreeItem).toHaveCount(0);
     }
@@ -898,8 +923,8 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     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 isAddBlockElementButtonWithLabelVisible(blockName, label, isVisible = true) {
+        await (0, test_1.expect)(this.property.filter({ hasText: blockName }).locator(this.addBlockElementBtn).filter({ hasText: label })).toBeVisible({ visible: isVisible });
     }
     async doesFormValidationMessageContainText(text) {
         await (0, test_1.expect)(this.formValidationMessage).toContainText(text);
@@ -1072,6 +1097,28 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await (0, test_1.expect)(this.uploadedSvgThumbnail).toBeVisible();
         await (0, test_1.expect)(this.uploadedSvgThumbnail).toHaveAttribute('src', imageSrc);
     }
+    async doesRichTextEditorBlockContainLabel(richTextEditorAlias, label) {
+        await (0, test_1.expect)(this.page.locator('[data-mark="property:' + richTextEditorAlias + '"]').locator(this.rteBlock)).toContainText(label);
+    }
+    async doesBlockEditorModalContainEditorSize(editorSize, elementName) {
+        await (0, test_1.expect)(this.backofficeModalContainer.locator('[size="' + editorSize + '"]').locator('[headline="Add ' + elementName + '"]')).toBeVisible();
+    }
+    async doesBlockEditorModalContainInline(richTextEditorAlias, elementName) {
+        await (0, test_1.expect)(this.page.locator('[data-mark="property:' + richTextEditorAlias + '"]').locator(this.tiptapInput).locator(this.rteBlockInline)).toContainText(elementName);
+    }
+    async doesBlockHaveBackgroundColor(elementName, backgroundColor) {
+        await (0, test_1.expect)(this.page.locator('umb-block-type-card', { hasText: elementName }).locator('[style="background-color:' + backgroundColor + ';"]')).toBeVisible();
+    }
+    async doesBlockHaveIconColor(elementName, backgroundColor) {
+        await (0, test_1.expect)(this.page.locator('umb-block-type-card', { hasText: elementName }).locator('[color="' + backgroundColor + '"]')).toBeVisible();
+    }
+    async addDocumentDomain(domainName, languageName) {
+        await this.clickCultureAndHostnamesButton();
+        await this.clickAddNewDomainButton();
+        await this.enterDomain(domainName);
+        await this.selectDomainLanguageOption(languageName);
+        await this.clickSaveModalButton();
+    }
 }
 exports.ContentUiHelper = ContentUiHelper;
 //# sourceMappingURL=ContentUiHelper.js.map