@umbraco/playwright-testhelpers 15.0.28 → 15.0.30

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

@@ -140,6 +140,10 @@ export declare class ContentUiHelper extends UiBaseLocators {
     private readonly rteBlockInline;
     private readonly backofficeModalContainer;
     private readonly rteBlock;
+    private readonly blockGridAreasContainer;
+    private readonly blockGridBlock;
+    private readonly blockGridEntries;
+    private readonly inlineCreateBtn;
     constructor(page: Page);
     enterContentName(name: string): Promise<void>;
     clickSaveAndPublishButton(): Promise<void>;
@@ -309,6 +313,18 @@ export declare class ContentUiHelper extends UiBaseLocators {
     clickSelectBlockElementInAreaWithName(elementTypeName: string): Promise<void>;
     clickBlockElementWithName(elementTypeName: string): Promise<void>;
     enterPropertyValue(propertyName: string, value: string): Promise<void>;
+    doesBlockContainBlockInAreaWithName(blockWithAreaName: string, areaName: string, blockInAreaName: string, index?: number): Promise<void>;
+    doesBlockContainBlockCountInArea(blockWithAreaName: string, areaName: string, blocksInAreaCount: number, index?: number): Promise<void>;
+    doesBlockContainCountOfBlockInArea(blockWithAreaName: string, areaName: string, blockInAreaName: string, count: number, index?: number): Promise<void>;
+    getBlockAtRootDataElementKey(blockName: string, index?: number): Promise<string | null>;
+    getBlockAreaKeyFromParentBlockDataElementKey(parentKey: string, index?: number): Promise<string | null>;
+    getBlockDataElementKeyInArea(parentBlockName: string, areaName: string, blockName: string, parentIndex?: number, childIndex?: number): Promise<string | null>;
+    removeBlockFromArea(parentBlockName: string, areaName: string, blockName: string, parentIndex?: number, childIndex?: number): Promise<void>;
+    doesBlockAreaContainColumnSpan(blockWithAreaName: string, areaName: string, columnSpan: number, index?: number): Promise<void>;
+    doesBlockAreaContainRowSpan(blockWithAreaName: string, areaName: string, rowSpan: number, index?: number): Promise<void>;
+    clickInlineAddToAreaButton(parentBlockName: string, areaName: string, parentIndex?: number, buttonIndex?: number): Promise<void>;
+    addBlockToAreasWithExistingBlock(blockWithAreaName: string, areaName: string, parentIndex?: number, addToIndex?: number): Promise<void>;
+    doesBlockGridBlockWithAreaContainCreateLabel(blockWithAreaName: string, createLabel: string, index?: number): Promise<void>;
     doesPropertyContainValue(propertyName: string, value: string): Promise<void>;
     clickCreateButtonForModalWithElementTypeNameAndGroupName(headlineName: string, groupName: string): Promise<void>;
     clickUpdateButtonForModalWithElementTypeNameAndGroupName(headlineName: string, groupName: string): Promise<void>;

package/dist/lib/helpers/ContentUiHelper.js

@@ -144,6 +144,10 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
     rteBlockInline;
     backofficeModalContainer;
     rteBlock;
+    blockGridAreasContainer;
+    blockGridBlock;
+    blockGridEntries;
+    inlineCreateBtn;
     constructor(page) {
         super(page);
         this.saveContentBtn = page.locator('[data-mark="workspace-action:Umb.WorkspaceAction.Document.Save"]');
@@ -176,7 +180,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         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');
+        this.toggleBtn = page.locator('umb-property-editor-ui-toggle #toggle');
         this.toggleInput = page.locator('umb-property-editor-ui-toggle span');
         this.documentTypeWorkspace = this.sidebarModal.locator('umb-document-type-workspace-editor');
         this.addMultipleTextStringBtn = page.locator('umb-input-multiple-text-string').getByLabel('Add');
@@ -270,6 +274,7 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.exactCopyBtn = page.getByRole('button', { name: 'Copy', exact: true });
         this.deleteBlockEntryBtn = page.locator('[label="delete"] svg');
         this.blockGridEntry = page.locator('umb-block-grid-entry');
+        this.blockGridBlock = page.locator('umb-block-grid-block');
         this.blockListEntry = page.locator('umb-block-list-entry');
         this.pasteFromClipboardBtn = page.getByLabel('Paste from clipboard');
         this.pasteBtn = page.getByRole('button', { name: 'Paste', exact: true });
@@ -279,6 +284,9 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.openActionsMenu = page.getByLabel('Open actions menu');
         this.replaceExactBtn = page.getByRole('button', { name: 'Replace', exact: true });
         this.clipboardEntryPicker = page.locator('umb-clipboard-entry-picker');
+        this.blockGridAreasContainer = page.locator('umb-block-grid-areas-container');
+        this.blockGridEntries = page.locator('umb-block-grid-entries');
+        this.inlineCreateBtn = page.locator('uui-button-inline-create');
         // TipTap
         this.tipTapPropertyEditor = page.locator('umb-property-editor-ui-tiptap');
         this.tipTapEditor = this.tipTapPropertyEditor.locator('#editor .tiptap');
@@ -1000,8 +1008,8 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.page.getByRole('button', { name: elementTypeName, exact: true }).click();
     }
     async clickSelectBlockElementInAreaWithName(elementTypeName) {
-        await (0, test_1.expect)(this.page.getByRole('link', { name: elementTypeName, exact: true })).toBeVisible();
-        await this.page.getByRole('link', { name: elementTypeName, exact: true }).click();
+        await (0, test_1.expect)(this.container.getByRole('button', { name: elementTypeName, exact: true })).toBeVisible();
+        await this.container.getByRole('button', { name: elementTypeName, exact: true }).click();
     }
     async clickBlockElementWithName(elementTypeName) {
         await (0, test_1.expect)(this.page.getByRole('link', { name: elementTypeName, exact: true })).toBeVisible();
@@ -1013,6 +1021,73 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await property.locator('input').clear();
         await property.locator('input').fill(value);
     }
+    async doesBlockContainBlockInAreaWithName(blockWithAreaName, areaName, blockInAreaName, index = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: blockWithAreaName })).nth(index);
+        const area = blockWithArea.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        const blockInArea = area.locator(this.blockGridEntry.filter({ hasText: blockInAreaName }));
+        await (0, test_1.expect)(blockInArea).toBeVisible();
+    }
+    async doesBlockContainBlockCountInArea(blockWithAreaName, areaName, blocksInAreaCount, index = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: blockWithAreaName })).nth(index);
+        const area = blockWithArea.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        const blocks = area.locator(this.blockGridEntry);
+        await (0, test_1.expect)(blocks).toHaveCount(blocksInAreaCount);
+    }
+    async doesBlockContainCountOfBlockInArea(blockWithAreaName, areaName, blockInAreaName, count, index = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: blockWithAreaName })).nth(index);
+        const area = blockWithArea.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        const blockInArea = area.locator(this.blockGridEntry.filter({ hasText: blockInAreaName }));
+        await (0, test_1.expect)(blockInArea).toHaveCount(count);
+    }
+    async getBlockAtRootDataElementKey(blockName, index = 0) {
+        const blockGridEntrySelector = 'umb-block-grid-entry';
+        return this.blockGridEntries.locator(`.umb-block-grid__layout-container > ${blockGridEntrySelector}`).filter({ hasText: blockName }).nth(index).getAttribute('data-element-key');
+    }
+    async getBlockAreaKeyFromParentBlockDataElementKey(parentKey, index = 0) {
+        const block = this.page.locator(`[data-element-key="${parentKey}"]`);
+        return block.locator(this.blockGridAreasContainer).locator('.umb-block-grid__area-container > umb-block-grid-entries').nth(index).getAttribute('area-key');
+    }
+    async getBlockDataElementKeyInArea(parentBlockName, areaName, blockName, parentIndex = 0, childIndex = 0) {
+        const parentBlock = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: parentBlockName })).nth(parentIndex);
+        const area = parentBlock.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        const block = area.locator(this.blockGridEntry.filter({ hasText: blockName })).nth(childIndex);
+        return block.getAttribute('data-element-key');
+    }
+    async removeBlockFromArea(parentBlockName, areaName, blockName, parentIndex = 0, childIndex = 0) {
+        const parentBlock = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: parentBlockName })).nth(parentIndex);
+        const area = parentBlock.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        const block = area.locator(this.blockGridEntry.filter({ hasText: blockName })).nth(childIndex);
+        await block.hover();
+        await block.getByLabel('delete').click({ force: true });
+    }
+    async doesBlockAreaContainColumnSpan(blockWithAreaName, areaName, columnSpan, index = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: blockWithAreaName })).nth(index);
+        const area = blockWithArea.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        await (0, test_1.expect)(area).toHaveAttribute('data-area-col-span', columnSpan.toString());
+    }
+    async doesBlockAreaContainRowSpan(blockWithAreaName, areaName, rowSpan, index = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: blockWithAreaName })).nth(index);
+        const area = blockWithArea.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        await (0, test_1.expect)(area).toHaveAttribute('data-area-row-span', rowSpan.toString());
+    }
+    async clickInlineAddToAreaButton(parentBlockName, areaName, parentIndex = 0, buttonIndex = 1) {
+        const parentBlock = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: parentBlockName })).nth(parentIndex);
+        const area = parentBlock.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        await area.locator(this.inlineCreateBtn).nth(buttonIndex).click();
+    }
+    async addBlockToAreasWithExistingBlock(blockWithAreaName, areaName, parentIndex = 0, addToIndex = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock).filter({ hasText: blockWithAreaName }).nth(parentIndex);
+        await (0, test_1.expect)(blockWithArea).toBeVisible();
+        await blockWithArea.hover();
+        const area = blockWithArea.locator(this.blockGridAreasContainer).locator('[data-area-alias="' + areaName + '"]');
+        const addBlockBtn = area.locator(this.inlineCreateBtn).nth(addToIndex);
+        await addBlockBtn.hover({ force: true });
+        await addBlockBtn.click({ force: true });
+    }
+    async doesBlockGridBlockWithAreaContainCreateLabel(blockWithAreaName, createLabel, index = 0) {
+        const blockWithArea = this.blockGridEntry.locator(this.blockGridBlock.filter({ hasText: blockWithAreaName })).nth(index);
+        return (0, test_1.expect)(blockWithArea.locator(this.blockGridAreasContainer).getByLabel(createLabel)).toBeVisible();
+    }
     async doesPropertyContainValue(propertyName, value) {
         await (0, test_1.expect)(this.property.filter({ hasText: propertyName }).locator('input')).toHaveValue(value);
     }
@@ -1021,8 +1096,8 @@ class ContentUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.blockWorkspace.filter({ hasText: 'Add ' + headlineName }).filter({ hasText: groupName }).getByLabel('Create').click();
     }
     async clickUpdateButtonForModalWithElementTypeNameAndGroupName(headlineName, groupName) {
-        await (0, test_1.expect)(this.blockWorkspace.filter({ hasText: 'Edit ' + headlineName }).filter({ hasText: groupName }).getByLabel('Update')).toBeVisible();
-        await this.blockWorkspace.filter({ hasText: 'Edit ' + headlineName }).filter({ hasText: groupName }).getByLabel('Update').click();
+        await (0, test_1.expect)(this.blockWorkspace.filter({ hasText: 'Edit ' + headlineName }).filter({ hasText: groupName }).locator(this.updateBtn)).toBeVisible();
+        await this.blockWorkspace.filter({ hasText: 'Edit ' + headlineName }).filter({ hasText: groupName }).locator(this.updateBtn).click();
     }
     async clickExactCopyButton() {
         await (0, test_1.expect)(this.exactCopyBtn).toBeVisible();