@umbraco/playwright-testhelpers 2.0.0-beta.65 → 2.0.0-beta.66

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

@@ -76,6 +76,51 @@ export declare class DataTypeUiHelper extends UiBaseLocators {
     private readonly typeToFilterIconsTxt;
     private readonly cardMedia;
     private readonly chooseStartNodeBtn;
+    private readonly addBlockBtn;
+    private readonly minAmountTxt;
+    private readonly maxAmountTxt;
+    private readonly amountErrorMessage;
+    private readonly singleBlockModeBtn;
+    private readonly liveEditingModeBtn;
+    private readonly inlineEditingModeBtn;
+    private readonly propertyEditorWidthTxt;
+    private readonly labelTextTxt;
+    private readonly overlaySizeOption;
+    private readonly chooseContentModelBtn;
+    private readonly chooseSettingsModelBtn;
+    private readonly contentModelNode;
+    private readonly settingsModelNode;
+    private readonly removeExactContentModelNodeBtn;
+    private readonly removeExactSettingsModelNodeBtn;
+    private readonly openBtn;
+    private readonly backgroundColorTxt;
+    private readonly iconColorTxt;
+    private readonly chooseCustomStylesheetBtn;
+    private readonly stylesheetRemoveBtn;
+    private readonly hideContentEditorBlockGridBtn;
+    private readonly hideContentEditorBlockListBtn;
+    private readonly customStylesheetLabel;
+    private readonly documentTypeWorkspace;
+    private readonly editorWidthTxt;
+    private readonly createButtonLabelTxt;
+    private readonly gridColumnsTxt;
+    private readonly showResizeOptionsBtn;
+    private readonly columnSpanOptions;
+    private readonly areasTabBtn;
+    private readonly availableRowSpansLowValueTxt;
+    private readonly availableRowSpansHighValueTxt;
+    private readonly areaGridColumnsTxt;
+    private readonly addAreaBtn;
+    private readonly blockAreaConfig;
+    private readonly aliasAliasTxt;
+    private readonly blockGridAreaWorkspaceSubmitBtn;
+    private readonly createLabelTxt;
+    private readonly minAllowedTxt;
+    private readonly maxAllowedTxt;
+    private readonly addSpecifiedAllowanceBtn;
+    private readonly advancedTabBtn;
+    private readonly allowBlockAtRootBtn;
+    private readonly allowInAreasBtn;
     constructor(page: Page);
     clickActionsMenuForDataType(name: string): Promise<void>;
     clickActionsMenuAtRoot(): Promise<void>;
@@ -166,4 +211,51 @@ export declare class DataTypeUiHelper extends UiBaseLocators {
     clickShowToggleLabelsSlider(): Promise<void>;
     enterLabelOnValue(value: string): Promise<void>;
     enterLabelOffValue(value: string): Promise<void>;
+    clickAddBlockButton(index?: number): Promise<void>;
+    clickRemoveBlockWithName(name: string): Promise<void>;
+    enterMinAmount(value: string): Promise<void>;
+    enterMaxAmount(value: string): Promise<void>;
+    doesAmountContainErrorMessageWitText(errorMessage: string): Promise<void>;
+    clickSingleBlockMode(): Promise<void>;
+    clickLiveEditingMode(): Promise<void>;
+    clickInlineEditingMode(): Promise<void>;
+    enterPropertyEditorWidth(width: string): Promise<void>;
+    goToBlockWithName(name: string): Promise<void>;
+    enterBlockLabelText(label: string): Promise<void>;
+    removeBlockLabelText(): Promise<void>;
+    clickAllowInRootForBlock(): Promise<void>;
+    clickAllowInAreasForBlock(): Promise<void>;
+    updateBlockOverlaySize(size: string): Promise<void>;
+    addBlockContentModel(elementName: string): Promise<void>;
+    addBlockSettingsModel(elementName: string): Promise<void>;
+    removeBlockContentModel(): Promise<void>;
+    removeBlockSettingsModel(): Promise<void>;
+    openBlockContentModel(): Promise<void>;
+    openBlockSettingsModel(): Promise<void>;
+    isElementWorkspaceOpenInBlock(elementTypeName: string): Promise<void>;
+    enterBlockBackgroundColor(color: string): Promise<void>;
+    enterBlockIconColor(color: string): Promise<void>;
+    chooseBlockCustomStylesheetWithName(name: string): Promise<void>;
+    clickRemoveCustomStylesheetWithName(name: string): Promise<void>;
+    clickBlockGridHideContentEditorButton(): Promise<void>;
+    clickBlockListHideContentEditorButton(): Promise<void>;
+    enterEditorWidth(value: string): Promise<void>;
+    enterCreateButtonLabel(value: string): Promise<void>;
+    enterGridColumns(value: number): Promise<void>;
+    clickShowResizeOptions(): Promise<void>;
+    clickAvailableColumnSpans(columnSpans: number[]): Promise<void>;
+    goToBlockAreasTab(): Promise<void>;
+    enterMinRowSpan(value: number): Promise<void>;
+    enterMaxRowSpan(value: number): Promise<void>;
+    enterGridColumnsForArea(value: number): Promise<void>;
+    addAreaButton(): Promise<void>;
+    goToAreaByAlias(alias: string): Promise<void>;
+    clickRemoveAreaByAlias(alias: string): Promise<void>;
+    enterAreaAlias(alias: string): Promise<void>;
+    clickAreaSubmitButton(): Promise<void>;
+    enterCreateButtonLabelInArea(value: string): Promise<void>;
+    enterMinAllowedInArea(value: number): Promise<void>;
+    enterMaxAllowedInArea(value: number): Promise<void>;
+    clickAddSpecifiedAllowanceButton(): Promise<void>;
+    goToBlockAdvancedTab(): Promise<void>;
 }

package/dist/lib/helpers/DataTypeUiHelper.js

@@ -79,6 +79,51 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     typeToFilterIconsTxt;
     cardMedia;
     chooseStartNodeBtn;
+    addBlockBtn;
+    minAmountTxt;
+    maxAmountTxt;
+    amountErrorMessage;
+    singleBlockModeBtn;
+    liveEditingModeBtn;
+    inlineEditingModeBtn;
+    propertyEditorWidthTxt;
+    labelTextTxt;
+    overlaySizeOption;
+    chooseContentModelBtn;
+    chooseSettingsModelBtn;
+    contentModelNode;
+    settingsModelNode;
+    removeExactContentModelNodeBtn;
+    removeExactSettingsModelNodeBtn;
+    openBtn;
+    backgroundColorTxt;
+    iconColorTxt;
+    chooseCustomStylesheetBtn;
+    stylesheetRemoveBtn;
+    hideContentEditorBlockGridBtn;
+    hideContentEditorBlockListBtn;
+    customStylesheetLabel;
+    documentTypeWorkspace;
+    editorWidthTxt;
+    createButtonLabelTxt;
+    gridColumnsTxt;
+    showResizeOptionsBtn;
+    columnSpanOptions;
+    areasTabBtn;
+    availableRowSpansLowValueTxt;
+    availableRowSpansHighValueTxt;
+    areaGridColumnsTxt;
+    addAreaBtn;
+    blockAreaConfig;
+    aliasAliasTxt;
+    blockGridAreaWorkspaceSubmitBtn;
+    createLabelTxt;
+    minAllowedTxt;
+    maxAllowedTxt;
+    addSpecifiedAllowanceBtn;
+    advancedTabBtn;
+    allowBlockAtRootBtn;
+    allowInAreasBtn;
     constructor(page) {
         super(page);
         this.moveToBtn = page.locator('umb-entity-action').getByLabel('Move to');
@@ -171,6 +216,52 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         this.showToggleLabelsSlider = page.locator('umb-property[label="Show toggle labels"] #slider');
         this.labelOnTxt = page.locator('umb-property[label="Label On"] #input');
         this.labelOffTxt = page.locator('umb-property[label="Label Off"] #input');
+        // Block List Editor and Block Grid Editor
+        this.addBlockBtn = page.locator('umb-input-block-type #blocks').getByLabel('open');
+        this.minAmountTxt = page.getByLabel('Low value');
+        this.maxAmountTxt = page.getByLabel('High value');
+        this.amountErrorMessage = page.locator('[alias="validationLimit"] uui-form-validation-message');
+        this.singleBlockModeBtn = this.page.locator('umb-property-layout').filter({ hasText: 'Single block mode' }).locator('#slider');
+        this.liveEditingModeBtn = this.page.locator('umb-property-layout').filter({ hasText: 'Live editing' }).locator('#slider');
+        this.inlineEditingModeBtn = this.page.locator('umb-property-layout').filter({ hasText: 'Inline editing' }).locator('#slider');
+        this.propertyEditorWidthTxt = this.page.locator('umb-property-layout').filter({ hasText: 'Property editor width' }).locator('#input');
+        this.labelTextTxt = this.page.locator('[label="Label"]').locator('#input');
+        this.overlaySizeOption = this.page.locator('[label="Overlay size"]').locator('#native');
+        this.chooseContentModelBtn = this.page.locator('[alias="contentElementTypeKey"]').getByLabel('Choose');
+        this.chooseSettingsModelBtn = this.page.locator('[alias="settingsElementTypeKey"]').getByLabel('Choose');
+        this.contentModelNode = this.page.locator('[alias="contentElementTypeKey"]').locator('uui-ref-node-document-type');
+        this.settingsModelNode = this.page.locator('[alias="settingsElementTypeKey"]').locator('uui-ref-node-document-type');
+        this.removeExactContentModelNodeBtn = this.page.locator('[alias="contentElementTypeKey"]').getByLabel('Remove', { exact: true });
+        this.removeExactSettingsModelNodeBtn = this.page.locator('[alias="settingsElementTypeKey"]').getByLabel('Remove', { exact: true });
+        this.openBtn = this.page.getByLabel('Open', { exact: true });
+        this.backgroundColorTxt = this.page.locator('[label="Background color"]').locator('#input');
+        this.iconColorTxt = this.page.locator('[label="Icon color"]').locator('#input');
+        this.chooseCustomStylesheetBtn = this.page.locator('[label="Custom stylesheet"]').getByLabel('Choose');
+        this.stylesheetRemoveBtn = this.page.locator('uui-ref-node').getByLabel('Remove', { exact: true });
+        this.hideContentEditorBlockListBtn = this.page.locator('[alias="forceHideContentEditorInOverlay"]').locator('#slider');
+        this.hideContentEditorBlockGridBtn = this.page.locator('[alias="hideContentEditor"]').locator('#slider');
+        this.customStylesheetLabel = this.page.locator('[label="Custom stylesheet"]');
+        this.documentTypeWorkspace = this.page.locator('[alias="Umb.Workspace.DocumentType"]');
+        this.editorWidthTxt = this.page.locator('umb-property-layout').filter({ hasText: 'Editor width' }).locator('#input');
+        this.createButtonLabelTxt = this.page.locator('umb-property-layout').filter({ hasText: 'Create button label' }).locator('#input');
+        this.gridColumnsTxt = this.page.locator('umb-property-layout').filter({ hasText: 'Grid columns' }).locator('#input');
+        this.showResizeOptionsBtn = this.page.getByLabel('Show resize options');
+        this.columnSpanOptions = this.page.locator('[alias="columnSpanOptions"]');
+        this.areasTabBtn = this.page.getByRole('tab', { name: 'Areas' });
+        this.availableRowSpansLowValueTxt = this.page.locator('[label="Available row spans"]').getByLabel('Low value');
+        this.availableRowSpansHighValueTxt = this.page.locator('[label="Available row spans"]').getByLabel('High value');
+        this.areaGridColumnsTxt = this.page.locator('[alias="areaGridColumns"]').locator('#input');
+        this.addAreaBtn = this.page.getByLabel('Add area');
+        this.blockAreaConfig = this.page.locator('umb-block-area-config-entry');
+        this.aliasAliasTxt = this.page.locator('[alias="alias"]').locator('#input');
+        this.blockGridAreaWorkspaceSubmitBtn = this.page.locator('umb-block-grid-area-type-workspace-editor').getByLabel('Submit');
+        this.createLabelTxt = this.page.locator('[alias="createLabel"]').locator('#input');
+        this.minAllowedTxt = this.page.locator('[alias="minAllowed"]').locator('#input');
+        this.maxAllowedTxt = this.page.locator('[alias="maxAllowed"]').locator('#input');
+        this.addSpecifiedAllowanceBtn = this.page.locator('[alias="specifiedAllowance"]').getByLabel('Add');
+        this.advancedTabBtn = this.page.getByRole('tab', { name: 'Advanced' });
+        this.allowBlockAtRootBtn = this.page.locator('[alias="allowAtRoot"]');
+        this.allowInAreasBtn = this.page.locator('[alias="allowInAreas"]');
     }
     async clickActionsMenuForDataType(name) {
         await this.clickActionsMenuForName(name);
@@ -534,6 +625,205 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.labelOffTxt.clear();
         await this.labelOffTxt.fill(value);
     }
+    // Block List Editor
+    async clickAddBlockButton(index = 0) {
+        await this.addBlockBtn.nth(index).click({ force: true });
+    }
+    async clickRemoveBlockWithName(name) {
+        await this.page.locator('umb-block-type-card', { hasText: name }).getByLabel('Remove block').click({ force: true });
+    }
+    async enterMinAmount(value) {
+        await this.minAmountTxt.clear();
+        await this.minAmountTxt.fill(value);
+    }
+    async enterMaxAmount(value) {
+        await this.maxAmountTxt.clear();
+        await this.maxAmountTxt.fill(value);
+    }
+    async doesAmountContainErrorMessageWitText(errorMessage) {
+        return await (0, test_1.expect)(this.amountErrorMessage).toContainText(errorMessage);
+    }
+    async clickSingleBlockMode() {
+        // We need to wait, otherwise this would be flaky
+        await this.singleBlockModeBtn.waitFor();
+        await this.singleBlockModeBtn.click({ force: true });
+    }
+    async clickLiveEditingMode() {
+        await this.liveEditingModeBtn.click({ force: true });
+    }
+    async clickInlineEditingMode() {
+        await this.inlineEditingModeBtn.click({ force: true });
+    }
+    async enterPropertyEditorWidth(width) {
+        await this.propertyEditorWidthTxt.clear();
+        await this.propertyEditorWidthTxt.fill(width);
+    }
+    async goToBlockWithName(name) {
+        await this.page.getByRole('link', { name: name }).click();
+    }
+    async enterBlockLabelText(label) {
+        await this.labelTextTxt.clear();
+        await this.labelTextTxt.fill(label);
+    }
+    async removeBlockLabelText() {
+        await this.labelTextTxt.clear();
+    }
+    async clickAllowInRootForBlock() {
+        await this.allowBlockAtRootBtn.click();
+    }
+    async clickAllowInAreasForBlock() {
+        await this.allowInAreasBtn.click();
+    }
+    async updateBlockOverlaySize(size) {
+        await this.overlaySizeOption.selectOption(size);
+    }
+    async addBlockContentModel(elementName) {
+        await this.chooseContentModelBtn.click();
+        await this.clickButtonWithName(elementName);
+        await this.clickChooseButton();
+    }
+    async addBlockSettingsModel(elementName) {
+        await this.chooseSettingsModelBtn.click();
+        await this.clickButtonWithName(elementName);
+        await this.clickChooseModalButton();
+    }
+    async removeBlockContentModel() {
+        await this.contentModelNode.hover();
+        await this.removeExactContentModelNodeBtn.click();
+    }
+    async removeBlockSettingsModel() {
+        await this.settingsModelNode.hover();
+        await this.removeExactSettingsModelNodeBtn.click();
+    }
+    async openBlockContentModel() {
+        await this.contentModelNode.hover();
+        await this.openBtn.click();
+    }
+    async openBlockSettingsModel() {
+        await this.settingsModelNode.hover();
+        await this.openBtn.click();
+    }
+    async isElementWorkspaceOpenInBlock(elementTypeName) {
+        return await (0, test_1.expect)(this.documentTypeWorkspace.filter({ hasText: elementTypeName })).toBeVisible();
+    }
+    async enterBlockBackgroundColor(color) {
+        await this.backgroundColorTxt.clear();
+        await this.backgroundColorTxt.fill(color);
+    }
+    async enterBlockIconColor(color) {
+        await this.iconColorTxt.clear();
+        await this.iconColorTxt.fill(color);
+    }
+    async chooseBlockCustomStylesheetWithName(name) {
+        await this.chooseCustomStylesheetBtn.click();
+        await this.clickCaretButtonForName('wwwroot');
+        await this.clickCaretButtonForName('css');
+        await this.page.getByLabel(name, { exact: true }).click();
+        await this.clickChooseModalButton();
+    }
+    async clickRemoveCustomStylesheetWithName(name) {
+        await this.customStylesheetLabel.locator('[name="' + name + '"]').click();
+        await this.stylesheetRemoveBtn.click();
+        await this.clickConfirmRemoveButton();
+    }
+    async clickBlockGridHideContentEditorButton() {
+        await this.hideContentEditorBlockGridBtn.click();
+    }
+    async clickBlockListHideContentEditorButton() {
+        await this.hideContentEditorBlockListBtn.click();
+    }
+    async enterEditorWidth(value) {
+        await this.editorWidthTxt.clear();
+        await this.editorWidthTxt.fill(value);
+    }
+    async enterCreateButtonLabel(value) {
+        await this.createButtonLabelTxt.clear();
+        await this.createButtonLabelTxt.fill(value);
+    }
+    async enterGridColumns(value) {
+        await this.gridColumnsTxt.clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.gridColumnsTxt.fill(value.toString());
+    }
+    async clickShowResizeOptions() {
+        await this.showResizeOptionsBtn.click();
+    }
+    async clickAvailableColumnSpans(columnSpans) {
+        for (let index in columnSpans) {
+            await this.columnSpanOptions.getByLabel(columnSpans[index].toString(), { exact: true }).click();
+        }
+    }
+    async goToBlockAreasTab() {
+        await this.areasTabBtn.click();
+    }
+    async enterMinRowSpan(value) {
+        await this.availableRowSpansLowValueTxt.clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.availableRowSpansLowValueTxt.fill(value.toString());
+    }
+    async enterMaxRowSpan(value) {
+        await this.availableRowSpansHighValueTxt.clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.availableRowSpansHighValueTxt.fill(value.toString());
+    }
+    async enterGridColumnsForArea(value) {
+        await this.areaGridColumnsTxt.clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.areaGridColumnsTxt.fill(value.toString());
+    }
+    async addAreaButton() {
+        await this.addAreaBtn.click();
+    }
+    async goToAreaByAlias(alias) {
+        await this.blockAreaConfig.filter({ hasText: alias }).getByLabel('edit').click({ force: true });
+    }
+    async clickRemoveAreaByAlias(alias) {
+        await this.blockAreaConfig.filter({ hasText: alias }).getByLabel('delete').click({ force: true });
+        await this.clickConfirmToDeleteButton();
+    }
+    async enterAreaAlias(alias) {
+        await this.aliasAliasTxt.clear();
+        await this.aliasAliasTxt.fill(alias);
+    }
+    async clickAreaSubmitButton() {
+        await this.blockGridAreaWorkspaceSubmitBtn.click();
+        await this.page.waitForTimeout(500);
+    }
+    async enterCreateButtonLabelInArea(value) {
+        await this.createLabelTxt.nth(1).clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.createLabelTxt.nth(1).fill(value);
+    }
+    async enterMinAllowedInArea(value) {
+        await this.minAllowedTxt.clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.minAllowedTxt.fill(value.toString());
+    }
+    async enterMaxAllowedInArea(value) {
+        await this.maxAllowedTxt.clear();
+        if (value === undefined) {
+            return;
+        }
+        await this.maxAllowedTxt.fill(value.toString());
+    }
+    async clickAddSpecifiedAllowanceButton() {
+        await this.addSpecifiedAllowanceBtn.click();
+    }
+    async goToBlockAdvancedTab() {
+        await this.advancedTabBtn.click();
+    }
 }
 exports.DataTypeUiHelper = DataTypeUiHelper;
 //# sourceMappingURL=DataTypeUiHelper.js.map