@umbraco/playwright-testhelpers 2.0.0-beta.9 → 2.0.0-beta.91

package/dist/lib/helpers/DataTypeUiHelper.js

@@ -0,0 +1,850 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTypeUiHelper = void 0;
+const test_1 = require("@playwright/test");
+const UiBaseLocators_1 = require("./UiBaseLocators");
+class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
+    moveToBtn;
+    duplicateToBtn;
+    newDataTypeThreeDotsBtn;
+    dataTypeNameTxt;
+    createDataTypeFolderBtn;
+    updateDataTypeFolderBtn;
+    includeLabelsSlider;
+    addColorBtn;
+    colorValueTxt;
+    offsetTimeSlider;
+    dateFormatTxt;
+    pageSizeTxt;
+    ascendingRadioBtn;
+    descendingRadioBtn;
+    chooseColumnsDisplayedBtn;
+    contentAppNameTxt;
+    orderByDropDownBox;
+    showContentAppFirstSlider;
+    editInInfiniteEditorSlider;
+    contentAppIconBtn;
+    aliasTxt;
+    widthTxt;
+    heightTxt;
+    addCropBtn;
+    saveCropBtn;
+    minimumTxt;
+    maximumTxt;
+    stepSizeTxt;
+    optionTxt;
+    addOptionBtn;
+    maximumAllowedCharsTxt;
+    numberOfRowsTxt;
+    minHeightTxt;
+    maxHeightTxt;
+    acceptedFileExtensionsTxt;
+    addAcceptedFileExtensionsBtn;
+    minimumNumberOfItemsTxt;
+    maximumNumberOfItemsTxt;
+    ignoreUserStartNodesSlider;
+    overlaySizeDropDownBox;
+    hideAnchorQueryStringInputSlider;
+    pickMultipleItemsSlider;
+    enableFocalPointSlider;
+    amountLowValueTxt;
+    amountHighValueTxt;
+    toolbarCheckboxes;
+    addStylesheetBtn;
+    dimensionsWidthTxt;
+    dimensionsHeightTxt;
+    maxImageSizeTxt;
+    hideLabelSlider;
+    defineTagGroupTxt;
+    showOpenButtonSlider;
+    enableMultipleChoiceSlider;
+    addOptionsBtn;
+    initialStateSlider;
+    showToggleLabelsSlider;
+    labelOnTxt;
+    labelOffTxt;
+    labelTxt;
+    chooseAcceptedTypesBtn;
+    chooseWithPlusBtn;
+    storageTypeDropDownBox;
+    allowDecimalsSlider;
+    chooseLayoutsBtn;
+    columnsDisplayedItems;
+    layoutsItems;
+    inlineRadioBtn;
+    duplicateBtn;
+    addWithPlusBtn;
+    selectAPropertyEditorBtn;
+    typeToFilterTxt;
+    chooseStartNodeBtn;
+    addBlockBtn;
+    minAmountTxt;
+    maxAmountTxt;
+    singleBlockModeBtn;
+    liveEditingModeBtn;
+    inlineEditingModeBtn;
+    propertyEditorWidthTxt;
+    labelTextTxt;
+    overlaySizeOption;
+    chooseContentModelBtn;
+    chooseSettingsModelBtn;
+    contentModelNode;
+    settingsModelNode;
+    removeExactContentModelNodeBtn;
+    removeExactSettingsModelNodeBtn;
+    openBtn;
+    backgroundColorBtn;
+    backgroundColorTxt;
+    chooseCustomStylesheetBtn;
+    iconColorBtn;
+    iconColorTxt;
+    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;
+    chooseThumbnailAlias;
+    expandChildItemsForMediaBtn;
+    constructor(page) {
+        super(page);
+        this.moveToBtn = page.locator('umb-entity-action').getByLabel('Move to');
+        this.duplicateToBtn = page.locator('umb-entity-action').getByLabel('Duplicate to');
+        this.newDataTypeThreeDotsBtn = page.locator('umb-data-type-create-options-modal').getByLabel('New Data Type...');
+        this.dataTypeNameTxt = page.locator('umb-data-type-workspace-editor #nameInput #input');
+        this.createDataTypeFolderBtn = page.getByLabel('Create folder');
+        this.updateDataTypeFolderBtn = page.getByLabel('Update folder');
+        this.ignoreUserStartNodesSlider = page.locator('umb-property[label="Ignore user start nodes"] #slider, umb-property[label="Ignore User Start Nodes"] #slider');
+        this.duplicateBtn = this.sidebarModal.getByLabel('Duplicate', { exact: true });
+        this.selectAPropertyEditorBtn = page.getByLabel('Select a property editor');
+        this.typeToFilterTxt = page.locator('#filter #input');
+        // Approved Color
+        this.includeLabelsSlider = page.locator('#slider');
+        this.addColorBtn = page.getByLabel('Add');
+        this.colorValueTxt = page.getByPlaceholder('Value').getByRole('textbox');
+        // Date Picker
+        this.offsetTimeSlider = page.locator('umb-property[label="Offset time"] #slider');
+        this.dateFormatTxt = page.locator('umb-property[label="Date format"] #input');
+        // List View
+        this.pageSizeTxt = page.locator('umb-property[label="Page Size"] #input');
+        this.ascendingRadioBtn = page.locator('uui-radio[label="Ascending [a-z]"] #button');
+        this.descendingRadioBtn = page.locator('uui-radio[label="Descending [z-a]"] #button');
+        this.chooseColumnsDisplayedBtn = page.locator('umb-property[label="Columns Displayed"]').getByLabel('Choose');
+        this.columnsDisplayedItems = page.locator('umb-property[label="Columns Displayed"] .layout-item');
+        this.contentAppNameTxt = page.locator('umb-property[label="Content app name"] #input');
+        this.showContentAppFirstSlider = page.locator('umb-property[label="Show Content App First"] #slider');
+        this.editInInfiniteEditorSlider = page.locator('umb-property[label="Edit in Infinite Editor"] #slider');
+        this.contentAppIconBtn = page.locator('umb-property[label="Content app icon"] uui-icon');
+        this.orderByDropDownBox = page.locator('umb-property[label="Order By"] select');
+        this.chooseLayoutsBtn = page.locator('umb-property[label="Layouts"]').getByLabel('Choose');
+        this.layoutsItems = page.locator('umb-property[label="Layouts"] .layout-item');
+        // Image Cropper
+        this.labelTxt = page.getByLabel('Label', { exact: true });
+        this.aliasTxt = page.getByLabel('Alias', { exact: true });
+        this.widthTxt = page.getByLabel('Width', { exact: true });
+        this.heightTxt = page.getByLabel('Height', { exact: true });
+        this.addCropBtn = page.getByLabel('Add', { exact: true });
+        this.saveCropBtn = page.locator('[alias="crops"]').getByLabel('Save');
+        // Numeric
+        this.minimumTxt = page.locator('umb-property[label="Minimum"] #input');
+        this.maximumTxt = page.locator('umb-property[label="Maximum"] #input');
+        this.stepSizeTxt = page.locator('umb-property[label="Step size"] #input');
+        this.allowDecimalsSlider = page.locator('umb-property[label="Allow decimals"] #slider');
+        // Radiobox
+        this.optionTxt = page.locator('umb-property[label="Add option"] #input, umb-property[label="Add options"] #input');
+        this.addOptionBtn = page.locator('umb-property[label="Add option"], umb-property[label="Add options"]').getByLabel('Add', { exact: true });
+        // Textarea - Textstring
+        this.maximumAllowedCharsTxt = page.locator('umb-property[label="Maximum allowed characters"] #input');
+        this.numberOfRowsTxt = page.locator('umb-property[label="Number of rows"] #input');
+        this.minHeightTxt = page.locator('umb-property[label="Min height (pixels)"] #input');
+        this.maxHeightTxt = page.locator('umb-property[label="Max height (pixels)"] #input');
+        // Upload
+        this.acceptedFileExtensionsTxt = page.locator('umb-property[label="Accepted file extensions"] #input');
+        this.addAcceptedFileExtensionsBtn = page.locator('umb-property[label="Accepted file extensions"]').getByLabel('Add', { exact: true });
+        // Multi URL Picker
+        this.minimumNumberOfItemsTxt = page.locator('umb-property[label="Minimum number of items"] #input');
+        this.maximumNumberOfItemsTxt = page.locator('umb-property[label="Maximum number of items"] #input');
+        this.overlaySizeDropDownBox = page.locator('umb-property[label="Overlay Size"] select');
+        this.hideAnchorQueryStringInputSlider = page.locator('umb-property[label="Hide anchor/query string input"] #slider');
+        // Media Picker
+        this.pickMultipleItemsSlider = page.locator('umb-property[label="Pick multiple items"] #slider');
+        this.enableFocalPointSlider = page.locator('umb-property[label="Enable Focal Point"] #slider');
+        this.amountLowValueTxt = page.locator('umb-property[label="Amount"]').getByLabel('Low value');
+        this.amountHighValueTxt = page.locator('umb-property[label="Amount"]').getByLabel('High value');
+        this.chooseAcceptedTypesBtn = page.locator('umb-property[label="Accepted types"]').getByLabel('Choose');
+        this.chooseWithPlusBtn = page.locator('#btn-add').filter({ hasText: 'Choose' });
+        this.chooseStartNodeBtn = page.locator('umb-property[label="Start node"] #btn-add');
+        // Rich Editor
+        this.toolbarCheckboxes = page.locator('umb-property[label="Toolbar"] uui-checkbox');
+        this.addStylesheetBtn = page.locator('umb-property[label="Stylesheets"]').getByLabel('Add stylesheet');
+        this.dimensionsWidthTxt = page.locator('umb-property[label="Dimensions"]').getByLabel('Width');
+        this.dimensionsHeightTxt = page.locator('umb-property[label="Dimensions"]').getByLabel('Height');
+        this.maxImageSizeTxt = page.locator('umb-property[label="Maximum size for inserted images"] #input');
+        this.hideLabelSlider = page.locator('umb-property[label="Hide Label"] #slider');
+        this.inlineRadioBtn = page.locator('umb-property[label="Mode"] uui-radio[value="Inline"]');
+        this.addWithPlusBtn = page.locator('umb-property[label="Available Blocks"] #add-button');
+        // Tags
+        this.defineTagGroupTxt = page.locator('umb-property[label="Define a tag group"] #input');
+        this.storageTypeDropDownBox = page.locator('#native');
+        // Content Picker
+        this.showOpenButtonSlider = page.locator('umb-property[label="Show open button"] #slider');
+        // Dropdown
+        this.enableMultipleChoiceSlider = page.locator('umb-property[label="Enable multiple choice"] #slider');
+        this.addOptionsBtn = page.locator('umb-property[label="Add options"]').getByLabel('Add', { exact: true });
+        // True/false
+        this.initialStateSlider = page.locator('umb-property[label="Initial State"] #slider');
+        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.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 editor 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.backgroundColorBtn = this.page.locator('umb-property-layout').filter({ hasText: 'Background color' }).getByLabel('Eye dropper');
+        this.backgroundColorTxt = this.page.locator('[label="Background color"]').locator('[label="Eye dropper"]').locator('#input');
+        this.iconColorBtn = this.page.locator('umb-property-layout').filter({ hasText: 'Icon color' }).getByLabel('Eye dropper');
+        this.iconColorTxt = this.page.locator('[label="Icon color"]').locator('[label="Eye dropper"]').locator('#input');
+        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.chooseThumbnailAlias = this.page.locator('[alias="thumbnail"]').getByLabel('Choose');
+        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('#container').getByLabel('Low value');
+        this.maxAllowedTxt = this.page.locator('#container').getByLabel('High value');
+        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"]');
+        this.expandChildItemsForMediaBtn = this.page.getByLabel('Expand child items for media', { exact: true });
+        this.chooseCustomStylesheetBtn = this.page.locator('[label="Custom stylesheet"]').getByLabel('Choose');
+    }
+    async clickActionsMenuForDataType(name) {
+        await this.clickActionsMenuForName(name);
+    }
+    async clickActionsMenuAtRoot() {
+        await this.clickActionsMenuForDataType('Data Types');
+    }
+    async clickRootFolderCaretButton() {
+        await this.clickCaretButtonForName('Data Types');
+    }
+    async goToDataType(dataTypeName) {
+        await this.clickRootFolderCaretButton();
+        await this.page.getByLabel(dataTypeName, { exact: true }).click();
+    }
+    async clickMoveToButton() {
+        await (0, test_1.expect)(this.moveToBtn).toBeVisible();
+        await this.moveToBtn.click();
+    }
+    async clickDuplicateToButton() {
+        await (0, test_1.expect)(this.duplicateToBtn).toBeVisible();
+        await this.duplicateToBtn.click();
+    }
+    async clickNewDataTypeThreeDotsButton() {
+        await this.newDataTypeThreeDotsBtn.click();
+    }
+    async clickNewDataTypeFolderButton() {
+        await this.newFolderThreeDotsBtn.click();
+    }
+    async enterDataTypeName(name) {
+        await this.dataTypeNameTxt.click();
+        await this.dataTypeNameTxt.clear();
+        await this.dataTypeNameTxt.fill(name);
+    }
+    async clickCreateFolderButton() {
+        await this.createDataTypeFolderBtn.click();
+    }
+    async clickUpdateFolderButton() {
+        await this.updateDataTypeFolderBtn.click();
+    }
+    async deleteDataType(name) {
+        await this.clickActionsMenuForDataType(name);
+        await this.clickDeleteAndConfirmButton();
+    }
+    async deleteDataTypeFolder(folderName) {
+        await this.clickActionsMenuForDataType(folderName);
+        await this.deleteFolder();
+    }
+    async moveDataTypeToFolder(folderName) {
+        await this.clickMoveToButton();
+        await (0, test_1.expect)(this.modalCaretBtn).toBeVisible();
+        await this.modalCaretBtn.click();
+        await this.sidebarModal.getByText(folderName, { exact: true }).click();
+        await this.chooseModalBtn.click();
+    }
+    async duplicateDataTypeToFolder(folderName) {
+        await this.clickDuplicateToButton();
+        await (0, test_1.expect)(this.modalCaretBtn).toBeVisible();
+        await this.modalCaretBtn.click();
+        await this.sidebarModal.getByText(folderName, { exact: true }).click();
+        await this.duplicateBtn.click();
+    }
+    async addMediaStartNode(mediaName) {
+        await this.mediaCardItems.filter({ hasText: mediaName }).click();
+        await this.clickSubmitButton();
+    }
+    async addContentStartNode(contentName) {
+        await this.clickTextButtonWithName(contentName);
+        await this.chooseModalBtn.click();
+    }
+    async clickSelectAPropertyEditorButton() {
+        await this.selectAPropertyEditorBtn.click();
+    }
+    async selectAPropertyEditor(propertyName) {
+        await this.typeToFilterTxt.fill(propertyName);
+        await this.clickTextButtonWithName(propertyName);
+    }
+    // Approved Color
+    async clickIncludeLabelsSlider() {
+        await this.includeLabelsSlider.click();
+    }
+    async removeColorByValue(value) {
+        await this.page.locator('[value="' + value + '"] uui-button svg').click();
+        await this.confirmToDeleteBtn.click();
+    }
+    async addColor(value) {
+        await this.addColorBtn.click();
+        await this.colorValueTxt.clear();
+        await this.colorValueTxt.fill(value);
+    }
+    // Label
+    async changeValueType(valueType) {
+        await this.page.getByLabel('Select a value type').selectOption({ label: valueType });
+    }
+    // Date Picker
+    async clickOffsetTimeSlider() {
+        await this.offsetTimeSlider.click();
+    }
+    async enterDateFormatValue(value) {
+        await this.dateFormatTxt.clear();
+        await this.dateFormatTxt.fill(value);
+    }
+    // List View
+    async enterPageSizeValue(value) {
+        await this.pageSizeTxt.clear();
+        await this.pageSizeTxt.fill(value);
+    }
+    async chooseOrderDirection(isAscending) {
+        if (isAscending) {
+            await this.ascendingRadioBtn.click();
+        }
+        else {
+            await this.descendingRadioBtn.click();
+        }
+    }
+    async addColumnDisplayed(contentType, contentName, propertyAlias) {
+        await this.chooseColumnsDisplayedBtn.click();
+        await this.clickTextButtonWithName(contentType);
+        await this.clickTextButtonWithName(contentName);
+        await this.clickChooseContainerButton();
+        await this.clickTextButtonWithName(propertyAlias);
+    }
+    async removeColumnDisplayed(propertyAlias) {
+        await this.columnsDisplayedItems.filter({ has: this.page.getByText(propertyAlias, { exact: true }) }).getByText('Remove').click();
+    }
+    async addLayouts(layoutAlias) {
+        await this.chooseLayoutsBtn.click();
+        await this.page.locator('[detail="' + layoutAlias + '"]').click();
+    }
+    async removeLayouts(layoutAlias) {
+        await this.layoutsItems.filter({ has: this.page.getByText(layoutAlias, { exact: true }) }).getByText('Remove').click();
+    }
+    async chooseOrderByValue(value) {
+        await this.orderByDropDownBox.selectOption({ label: value });
+    }
+    async enterContentAppName(name) {
+        await this.contentAppNameTxt.clear();
+        await this.contentAppNameTxt.fill(name);
+    }
+    async clickShowContentAppFirstSlider() {
+        await this.showContentAppFirstSlider.click();
+    }
+    async clickEditInInfiniteEditorSlider() {
+        await this.editInInfiniteEditorSlider.click();
+    }
+    async clickBulkActionPermissionsSliderByValue(value) {
+        await this.page.locator("uui-toggle[label='" + value + "'] #slider").click();
+    }
+    async clickContentAppIconButton() {
+        await this.contentAppIconBtn.click();
+    }
+    async chooseContentAppIconByValue(value) {
+        await this.page.locator('[label="' + value + '"] svg').click();
+        await this.submitBtn.click();
+    }
+    // Image Cropper
+    async enterCropValues(label, alias, width, height) {
+        await this.labelTxt.clear();
+        await this.labelTxt.fill(label);
+        await this.aliasTxt.clear();
+        await this.aliasTxt.fill(alias);
+        await this.widthTxt.clear();
+        await this.widthTxt.fill(width);
+        await this.heightTxt.clear();
+        await this.heightTxt.fill(height);
+    }
+    async clickAddCropButton() {
+        await this.addCropBtn.click();
+    }
+    async clickSaveCropButton() {
+        await this.saveCropBtn.click();
+    }
+    async editCropByAlias(alias) {
+        await this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Edit').click();
+    }
+    async removeCropByAlias(alias) {
+        await this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Remove').click();
+    }
+    // Numeric
+    async enterMinimumValue(value) {
+        await this.minimumTxt.clear();
+        await this.minimumTxt.fill(value);
+    }
+    async enterMaximumValue(value) {
+        await this.maximumTxt.clear();
+        await this.maximumTxt.fill(value);
+    }
+    async enterStepSizeValue(value) {
+        await this.stepSizeTxt.clear();
+        await this.stepSizeTxt.fill(value);
+    }
+    async clickAllowDecimalsSlider() {
+        await this.allowDecimalsSlider.click();
+    }
+    // Radiobox
+    async removeOptionByName(name) {
+        await this.page.locator("uui-button[label='Remove " + name + "'] svg").click();
+        await this.confirmToDeleteBtn.click();
+    }
+    async enterOptionName(name) {
+        await this.optionTxt.last().clear();
+        await this.optionTxt.last().fill(name);
+    }
+    async clickAddOptionButton() {
+        await this.addOptionBtn.click();
+    }
+    // Textarea - Textstring
+    async enterMaximumAllowedCharactersValue(value) {
+        await this.maximumAllowedCharsTxt.clear();
+        await this.maximumAllowedCharsTxt.fill(value);
+    }
+    async enterNumberOfRowsValue(value) {
+        await this.numberOfRowsTxt.clear();
+        await this.numberOfRowsTxt.fill(value);
+    }
+    async enterMaxHeightValue(value) {
+        await this.maxHeightTxt.clear();
+        await this.maxHeightTxt.fill(value);
+    }
+    async enterMinHeightValue(value) {
+        await this.minHeightTxt.clear();
+        await this.minHeightTxt.fill(value);
+    }
+    // Upload
+    async enterAcceptedFileExtensions(value) {
+        await this.acceptedFileExtensionsTxt.last().clear();
+        await this.acceptedFileExtensionsTxt.last().fill(value);
+    }
+    async removeAcceptedFileExtensionsByValue(value) {
+        await this.page.locator("uui-button[label='Remove " + value + "'] svg").click();
+        await this.confirmToDeleteBtn.click();
+    }
+    async clickAddAcceptedFileExtensionsButton() {
+        await this.addAcceptedFileExtensionsBtn.click();
+    }
+    // Multi URL Picker
+    async enterMinimumNumberOfItemsValue(value) {
+        await this.minimumNumberOfItemsTxt.clear();
+        await this.minimumNumberOfItemsTxt.fill(value);
+    }
+    async enterMaximumNumberOfItemsValue(value) {
+        await this.maximumNumberOfItemsTxt.clear();
+        await this.maximumNumberOfItemsTxt.fill(value);
+    }
+    async clickIgnoreUserStartNodesSlider() {
+        await this.ignoreUserStartNodesSlider.click();
+    }
+    async chooseOverlaySizeByValue(value) {
+        await this.overlaySizeDropDownBox.selectOption({ value: value });
+    }
+    async clickHideAnchorQueryStringInputSlider() {
+        await this.hideAnchorQueryStringInputSlider.click();
+    }
+    // Media Picker
+    async clickPickMultipleItemsSlider() {
+        await this.pickMultipleItemsSlider.click();
+    }
+    async clickEnableFocalPointSlider() {
+        await this.enableFocalPointSlider.click();
+    }
+    async enterAmountValue(lowValue, highValue) {
+        await this.amountLowValueTxt.clear();
+        await this.amountLowValueTxt.fill(lowValue);
+        await this.amountHighValueTxt.clear();
+        await this.amountHighValueTxt.fill(highValue);
+    }
+    async addAcceptedType(mediaTypeName) {
+        await this.chooseAcceptedTypesBtn.click();
+        await this.clickTextButtonWithName(mediaTypeName);
+        await this.chooseModalBtn.click();
+    }
+    async removeAcceptedType(mediaTypeName) {
+        await this.page.locator('uui-ref-node-document-type[name="' + mediaTypeName + '"]').getByLabel('Remove').click();
+        await this.confirmToRemoveBtn.click();
+    }
+    async removeMediaStartNode(mediaName) {
+        await this.page.locator('uui-card-media[name="' + mediaName + '"]').locator('[label="Remove"]').click();
+        await this.confirmToRemoveBtn.click();
+    }
+    async clickChooseStartNodeButton() {
+        await this.chooseStartNodeBtn.click();
+    }
+    // Richtext Editor
+    async pickTheToolbarOptionByValue(values) {
+        for (var index in values) {
+            await this.toolbarCheckboxes.filter({ has: this.page.getByLabel(values[index]) }).locator('#ticker svg').click();
+        }
+    }
+    async addStylesheet(stylesheetName) {
+        await this.addStylesheetBtn.click();
+        await this.page.getByLabel(stylesheetName).click();
+        await this.chooseModalBtn.click();
+    }
+    async enterDimensionsValue(width, height) {
+        await this.dimensionsWidthTxt.clear();
+        await this.dimensionsWidthTxt.fill(width);
+        await this.dimensionsHeightTxt.clear();
+        await this.dimensionsHeightTxt.fill(height);
+    }
+    async enterMaximumSizeForImages(value) {
+        await this.maxImageSizeTxt.clear();
+        await this.maxImageSizeTxt.fill(value);
+    }
+    async clickHideLabelSlider() {
+        await this.hideLabelSlider.click();
+    }
+    async clickInlineRadioButton() {
+        await this.inlineRadioBtn.click();
+    }
+    async clickChooseWithPlusButton() {
+        await this.chooseWithPlusBtn.click();
+    }
+    async addImageUploadFolder(mediaFolderName) {
+        await this.clickChooseWithPlusButton();
+        await this.mediaCardItems.filter({ hasText: mediaFolderName }).click();
+        await this.clickSubmitButton();
+    }
+    async clickAddWithPlusButton() {
+        await this.addWithPlusBtn.click();
+    }
+    async addAvailableBlocks(blockName) {
+        await this.clickAddWithPlusButton();
+        await this.clickTextButtonWithName(blockName);
+        await this.chooseModalBtn.click();
+        await this.clickSubmitButton();
+    }
+    // Tags
+    async enterDefineTagGroupValue(value) {
+        await this.defineTagGroupTxt.clear();
+        await this.defineTagGroupTxt.fill(value);
+    }
+    async selectStorageTypeOption(option) {
+        await this.storageTypeDropDownBox.selectOption({ label: option });
+    }
+    // Content Picker
+    async clickShowOpenButtonSlider() {
+        await this.showOpenButtonSlider.click();
+    }
+    async removeContentStartNode(contentName) {
+        await this.page.locator('[name="' + contentName + '"] uui-button').getByLabel('Remove').click();
+        await this.confirmToRemoveBtn.click();
+    }
+    // Dropdown
+    async clickEnableMultipleChoiceSlider() {
+        await this.enableMultipleChoiceSlider.click();
+    }
+    async clickAddOptionsButton() {
+        await this.addOptionsBtn.click();
+    }
+    // True/false
+    async clickInitialStateSlider() {
+        await this.initialStateSlider.click();
+    }
+    async clickShowToggleLabelsSlider() {
+        await this.showToggleLabelsSlider.click();
+    }
+    async enterLabelOnValue(value) {
+        await this.labelOnTxt.clear();
+        await this.labelOnTxt.fill(value);
+    }
+    async enterLabelOffValue(value) {
+        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 doesAmountContainErrorMessageWithText(errorMessage) {
+        return await (0, test_1.expect)(this.page.getByText(errorMessage)).toBeVisible();
+    }
+    async clickSingleBlockMode() {
+        // We need to wait, otherwise this would be flaky
+        await this.singleBlockModeBtn.waitFor();
+        await this.singleBlockModeBtn.click();
+    }
+    async clickLiveEditingMode() {
+        await this.liveEditingModeBtn.click();
+    }
+    async clickInlineEditingMode() {
+        await this.inlineEditingModeBtn.click();
+    }
+    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 selectBlockBackgroundColor(color) {
+        await this.backgroundColorBtn.click();
+        await this.backgroundColorTxt.clear();
+        await this.backgroundColorTxt.fill(color);
+    }
+    async selectBlockIconColor(color) {
+        await this.iconColorBtn.click();
+        await this.iconColorTxt.clear();
+        await this.iconColorTxt.fill(color);
+    }
+    async clickExpandChildItemsForMediaButton() {
+        await this.expandChildItemsForMediaBtn.click();
+    }
+    async clickRemoveCustomStylesheetWithName(name) {
+        await this.customStylesheetLabel.locator('[name="' + name + '"]').click();
+        await this.stylesheetRemoveBtn.click();
+        await this.clickConfirmRemoveButton();
+    }
+    async clickBlockGridHideContentEditorButton() {
+        await this.hideContentEditorBlockGridBtn.click();
+    }
+    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 chooseBlockThumbnailWithPath(name, mediaPath) {
+        await this.chooseThumbnailAlias.click();
+        await this.clickCaretButtonForName('wwwroot');
+        await this.clickExpandChildItemsForMediaButton();
+        await this.clickCaretButtonForName(mediaPath);
+        await this.page.getByLabel(name, { exact: true }).click();
+        await this.clickChooseModalButton();
+    }
+    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();
+    }
+    async getLinkWithName(name) {
+        return this.page.getByRole('link', { name: name });
+    }
+    async getAddButtonInGroupWithName(name) {
+        return this.page.locator('.group').filter({ hasText: name }).locator('#add-button');
+    }
+}
+exports.DataTypeUiHelper = DataTypeUiHelper;
+//# sourceMappingURL=DataTypeUiHelper.js.map