@umbraco/playwright-testhelpers 17.0.19 → 17.1.0-beta.1

package/dist/lib/helpers/DataTypeUiHelper.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTypeUiHelper = void 0;
 const test_1 = require("@playwright/test");
 const UiBaseLocators_1 = require("./UiBaseLocators");
+const ConstantHelper_1 = require("./ConstantHelper");
 class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     moveToBtn;
     duplicateToBtn;
@@ -320,57 +321,46 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     async goToDataType(dataTypeName) {
         await this.clickRootFolderCaretButton();
-        await (0, test_1.expect)(this.sectionSidebar.getByLabel(dataTypeName, { exact: true })).toBeVisible();
-        await this.sectionSidebar.getByLabel(dataTypeName, { exact: true }).click();
+        await this.click(this.sectionSidebar.getByLabel(dataTypeName, { exact: true }));
     }
     async clickMoveToButton() {
-        await (0, test_1.expect)(this.moveToBtn).toBeVisible();
-        await this.moveToBtn.click();
+        await this.click(this.moveToBtn);
     }
     async clickDuplicateToButton() {
-        await (0, test_1.expect)(this.duplicateToBtn).toBeVisible();
-        await this.duplicateToBtn.click();
+        await this.click(this.duplicateToBtn);
     }
     async waitForDataTypeToBeCreated() {
-        await this.page.waitForLoadState();
+        await this.waitForLoadState();
     }
     async isDataTypeTreeItemVisible(name, isVisible = true) {
-        {
-            const hasShowChildren = await this.dataTypeTreeRoot.getAttribute('show-children') !== null;
-            if (!hasShowChildren) {
-                await this.dataTypeTreeRoot.locator(this.caretBtn).first().click();
-            }
-            await this.isTreeItemVisible(name, isVisible);
+        const hasShowChildren = await this.dataTypeTreeRoot.getAttribute('show-children') !== null;
+        if (!hasShowChildren) {
+            await this.click(this.dataTypeTreeRoot.locator(this.caretBtn).first());
         }
+        await this.isTreeItemVisible(name, isVisible);
     }
     async waitForDataTypeToBeDeleted() {
-        await this.page.waitForLoadState();
+        await this.waitForLoadState();
     }
     async waitForDataTypeToBeRenamed() {
-        await this.page.waitForLoadState();
+        await this.waitForLoadState();
     }
     async clickNewDataTypeButton() {
-        await (0, test_1.expect)(this.newDataTypeBtn).toBeVisible();
-        await this.newDataTypeBtn.click();
+        await this.click(this.newDataTypeBtn);
     }
     async clickNewDataTypeFolderButton() {
-        await (0, test_1.expect)(this.newFolderBtn).toBeVisible();
-        await this.newFolderBtn.click();
+        await this.click(this.newFolderBtn);
     }
     async enterDataTypeName(name) {
-        await (0, test_1.expect)(this.dataTypeNameTxt).toBeVisible();
-        await this.dataTypeNameTxt.click();
-        await this.dataTypeNameTxt.clear();
-        await this.dataTypeNameTxt.fill(name);
+        await this.click(this.dataTypeNameTxt);
+        await this.enterText(this.dataTypeNameTxt, name);
     }
     async clickCreateFolderButton() {
-        await (0, test_1.expect)(this.createFolderBtn).toBeVisible();
-        await this.createDataTypeFolderBtn.click();
-        await this.page.waitForTimeout(500); // Wait for the action to complete
+        await this.click(this.createDataTypeFolderBtn);
+        await this.page.waitForTimeout(ConstantHelper_1.ConstantHelper.wait.short);
     }
     async clickUpdateFolderButton() {
-        await (0, test_1.expect)(this.updateDataTypeFolderBtn).toBeVisible();
-        await this.updateDataTypeFolderBtn.click();
+        await this.click(this.updateDataTypeFolderBtn);
     }
     async deleteDataType(name) {
         await this.clickActionsMenuForDataType(name);
@@ -382,27 +372,24 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     async moveDataTypeToFolder(folderName) {
         await this.clickMoveToActionMenuOption();
-        await (0, test_1.expect)(this.sidebarModal.getByText(folderName, { exact: true })).toBeVisible();
-        await this.sidebarModal.getByText(folderName, { exact: true }).click();
-        await this.chooseModalBtn.click();
+        await this.click(this.sidebarModal.getByText(folderName, { exact: true }));
+        await this.click(this.chooseModalBtn);
     }
     async duplicateDataTypeToFolder(folderName) {
         await this.clickDuplicateToActionMenuOption();
-        await (0, test_1.expect)(this.sidebarModal.getByText(folderName, { exact: true })).toBeVisible();
-        await this.sidebarModal.getByText(folderName, { exact: true }).click();
-        await this.duplicateBtn.click();
+        await this.click(this.sidebarModal.getByText(folderName, { exact: true }));
+        await this.click(this.duplicateBtn);
     }
     async addMediaStartNode(mediaName) {
-        await (0, test_1.expect)(this.mediaCardItems.filter({ hasText: mediaName })).toBeVisible();
-        await this.mediaCardItems.filter({ hasText: mediaName }).click();
+        await this.click(this.mediaCardItems.filter({ hasText: mediaName }));
         await this.clickChooseModalButton();
     }
     async addContentStartNode(contentName) {
         await this.clickTextButtonWithName(contentName);
-        await this.chooseModalBtn.click();
+        await this.click(this.chooseModalBtn);
     }
     async clickSelectAPropertyEditorButton() {
-        await this.selectAPropertyEditorBtn.click();
+        await this.click(this.selectAPropertyEditorBtn);
     }
     async selectAPropertyEditor(propertyName, filterKeyword) {
         await this.typeToFilterTxt.fill(filterKeyword ? filterKeyword : propertyName);
@@ -410,260 +397,215 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     // Approved Color
     async clickIncludeLabelsToggle() {
-        await this.includeLabelsToggle.click();
+        await this.click(this.includeLabelsToggle);
     }
     async removeColorByValue(value) {
-        await this.page.locator('[value="' + value + '"] uui-button svg').click();
-        await this.confirmToDeleteBtn.click();
+        await this.click(this.page.locator(`[value="${value}"] uui-button svg`));
+        await this.click(this.confirmToDeleteBtn);
     }
     async addColor(value) {
-        await this.addColorBtn.click();
-        await this.colorValueTxt.clear();
-        await this.colorValueTxt.fill(value);
+        await this.click(this.addColorBtn);
+        await this.enterText(this.colorValueTxt, value);
     }
     // Label
     async changeValueType(valueType) {
-        await this.page.getByLabel('Select a value type').selectOption({ label: valueType });
+        await this.selectByText(this.page.getByLabel('Select a value type'), valueType);
     }
     // Date Picker
     async clickOffsetTimeToggle() {
-        await this.offsetTimeToggle.click();
+        await this.click(this.offsetTimeToggle);
     }
     async enterDateFormatValue(value) {
-        await this.dateFormatTxt.clear();
-        await this.dateFormatTxt.fill(value);
+        await this.enterText(this.dateFormatTxt, value);
     }
     // List View
     async enterPageSizeValue(value) {
-        await this.pageSizeTxt.clear();
-        await this.pageSizeTxt.fill(value);
+        await this.enterText(this.pageSizeTxt, value);
     }
     async chooseOrderDirection(isAscending) {
         if (isAscending) {
-            await this.ascendingRadioBtn.click();
+            await this.click(this.ascendingRadioBtn);
         }
         else {
-            await this.descendingRadioBtn.click();
+            await this.click(this.descendingRadioBtn);
         }
     }
     async addColumnDisplayed(contentType, contentName, propertyAlias) {
-        await this.chooseColumnsDisplayedBtn.click();
+        await this.click(this.chooseColumnsDisplayedBtn);
         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();
+        await this.click(this.columnsDisplayedItems.filter({ has: this.page.getByText(propertyAlias, { exact: true }) }).getByText('Remove'));
     }
     async addLayouts(layoutName) {
-        await (0, test_1.expect)(this.chooseLayoutsBtn).toBeVisible();
-        await this.chooseLayoutsBtn.click();
-        await (0, test_1.expect)(this.page.locator('[name="' + layoutName + '"]')).toBeVisible();
-        await this.page.locator('[name="' + layoutName + '"]').click();
+        await this.click(this.chooseLayoutsBtn);
+        await this.click(this.page.locator(`[name="${layoutName}"]`));
     }
     async removeLayouts(layoutAlias) {
-        await this.layoutsItems.filter({ has: this.page.getByText(layoutAlias, { exact: true }) }).getByText('Remove').click();
+        await this.click(this.layoutsItems.filter({ has: this.page.getByText(layoutAlias, { exact: true }) }).getByText('Remove'));
     }
     async chooseOrderByValue(value) {
-        await this.orderByDropDownBox.selectOption({ label: value });
+        await this.selectByText(this.orderByDropDownBox, value);
     }
     async enterWorkspaceViewName(name) {
-        await this.workspaceViewName.clear();
-        await this.workspaceViewName.fill(name);
+        await this.enterText(this.workspaceViewName, name);
     }
     async clickShowContentWorkspaceViewFirstToggle() {
-        await this.showWorkspaceViewFirstToggle.click();
+        await this.click(this.showWorkspaceViewFirstToggle);
     }
     async clickEditInInfiniteEditorToggle() {
-        await this.editInInfiniteEditorToggle.click();
+        await this.click(this.editInInfiniteEditorToggle);
     }
     async clickBulkActionPermissionsToggleByValue(value) {
-        await this.page.locator("uui-toggle[label='" + value + "'] #toggle").click();
+        await this.click(this.page.locator(`uui-toggle[label='${value}'] #toggle`));
     }
     async clickSelectIconButton() {
-        await (0, test_1.expect)(this.selectIconBtn).toBeVisible();
         // Force click is needed
-        await this.selectIconBtn.click({ force: true });
+        await this.click(this.selectIconBtn, { force: true });
     }
     async chooseWorkspaceViewIconByValue(value) {
-        await this.page.locator('[label="' + value + '"] svg').click();
-        await this.submitBtn.click();
+        await this.click(this.page.locator(`[label="${value}"] svg`));
+        await this.click(this.submitBtn);
     }
     // Image Cropper
     async enterCropValues(label, alias, width, height) {
-        await (0, test_1.expect)(this.labelTxt).toBeVisible();
-        await this.labelTxt.clear();
-        await this.labelTxt.fill(label);
-        await (0, test_1.expect)(this.aliasTxt).toBeVisible();
-        await this.aliasTxt.clear();
-        await this.aliasTxt.fill(alias);
-        await (0, test_1.expect)(this.widthTxt).toBeVisible();
-        await this.widthTxt.clear();
-        await this.widthTxt.fill(width);
-        await this.heightTxt.clear();
-        await this.heightTxt.fill(height);
+        await this.enterText(this.labelTxt, label);
+        await this.enterText(this.aliasTxt, alias);
+        await this.enterText(this.widthTxt, width);
+        await this.enterText(this.heightTxt, height);
     }
     async clickCreateCropButton() {
-        await (0, test_1.expect)(this.createCropBtn).toBeVisible();
-        await this.createCropBtn.click();
+        await this.click(this.createCropBtn);
     }
     async clickEditCropButton() {
-        await (0, test_1.expect)(this.editCropBtn).toBeVisible();
-        await this.editCropBtn.click();
+        await this.click(this.editCropBtn);
     }
     async editCropByAlias(alias) {
-        await (0, test_1.expect)(this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Edit')).toBeVisible();
-        await this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Edit').click();
+        await this.click(this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Edit'));
     }
     async removeCropByAlias(alias) {
-        await (0, test_1.expect)(this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Remove')).toBeVisible();
-        await this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Remove').click();
+        await this.click(this.page.locator('.crop').filter({ has: this.page.getByText(alias) }).getByText('Remove'));
     }
     // Numeric
     async enterMinimumValue(value) {
-        await (0, test_1.expect)(this.minimumTxt).toBeVisible();
-        await this.minimumTxt.clear();
-        await this.minimumTxt.fill(value);
+        await this.enterText(this.minimumTxt, value);
     }
     async enterMaximumValue(value) {
-        await (0, test_1.expect)(this.maximumTxt).toBeVisible();
-        await this.maximumTxt.clear();
-        await this.maximumTxt.fill(value);
+        await this.enterText(this.maximumTxt, value);
     }
     async enterStepSizeValue(value) {
-        await (0, test_1.expect)(this.stepSizeTxt).toBeVisible();
-        await this.stepSizeTxt.clear();
-        await this.stepSizeTxt.fill(value);
+        await this.enterText(this.stepSizeTxt, value);
     }
     async clickAllowDecimalsToggle() {
-        await (0, test_1.expect)(this.allowDecimalsToggle).toBeVisible();
-        await this.allowDecimalsToggle.click();
+        await this.click(this.allowDecimalsToggle);
     }
     // Radiobox
     async removeOptionByName(name) {
-        await (0, test_1.expect)(this.page.locator("uui-button[label='Remove " + name + "'] svg")).toBeVisible();
-        await this.page.locator("uui-button[label='Remove " + name + "'] svg").click();
-        await this.confirmToDeleteBtn.click();
+        await this.click(this.page.locator(`uui-button[label='Remove ${name}'] svg`));
+        await this.click(this.confirmToDeleteBtn);
     }
     async enterOptionName(name) {
-        await (0, test_1.expect)(this.optionTxt.last()).toBeVisible();
-        await this.optionTxt.last().clear();
-        await this.optionTxt.last().fill(name);
+        await this.enterText(this.optionTxt.last(), name);
     }
     async clickAddOptionButton() {
-        await (0, test_1.expect)(this.addOptionBtn).toBeVisible();
-        await this.addOptionBtn.click();
+        await this.click(this.addOptionBtn);
     }
     // Textarea - Textstring
     async enterMaximumAllowedCharactersValue(value) {
-        await (0, test_1.expect)(this.maximumAllowedCharsTxt).toBeVisible();
-        await this.maximumAllowedCharsTxt.clear();
-        await this.maximumAllowedCharsTxt.fill(value);
+        await this.enterText(this.maximumAllowedCharsTxt, value);
     }
     async enterNumberOfRowsValue(value) {
-        await (0, test_1.expect)(this.numberOfRowsTxt).toBeVisible();
-        await this.numberOfRowsTxt.clear();
-        await this.numberOfRowsTxt.fill(value);
+        await this.enterText(this.numberOfRowsTxt, value);
     }
     async enterMaxHeightValue(value) {
-        await (0, test_1.expect)(this.maxHeightTxt).toBeVisible();
-        await this.maxHeightTxt.clear();
-        await this.maxHeightTxt.fill(value);
+        await this.enterText(this.maxHeightTxt, value);
     }
     async enterMinHeightValue(value) {
-        await this.minHeightTxt.clear();
-        await this.minHeightTxt.fill(value);
+        await this.enterText(this.minHeightTxt, value);
     }
     // Upload
     async enterAcceptedFileExtensions(value) {
-        await this.acceptedFileExtensionsTxt.last().clear();
-        await this.acceptedFileExtensionsTxt.last().fill(value);
+        await this.enterText(this.acceptedFileExtensionsTxt.last(), value);
     }
     async removeAcceptedFileExtensionsByValue(value) {
-        await this.page.locator("uui-button[label='Remove " + value + "'] svg").click();
-        await this.confirmToDeleteBtn.click();
+        await this.click(this.page.locator(`uui-button[label='Remove ${value}'] svg`));
+        await this.click(this.confirmToDeleteBtn);
     }
     async clickAddAcceptedFileExtensionsButton() {
-        await this.addAcceptedFileExtensionsBtn.click();
+        await this.click(this.addAcceptedFileExtensionsBtn);
     }
     // Multi URL Picker
     async enterMinimumNumberOfItemsValue(value) {
-        await this.minimumNumberOfItemsTxt.clear();
-        await this.minimumNumberOfItemsTxt.fill(value);
+        await this.enterText(this.minimumNumberOfItemsTxt, value);
     }
     async enterMaximumNumberOfItemsValue(value) {
-        await this.maximumNumberOfItemsTxt.clear();
-        await this.maximumNumberOfItemsTxt.fill(value);
+        await this.enterText(this.maximumNumberOfItemsTxt, value);
     }
     async clickIgnoreUserStartNodesToggle() {
-        await this.ignoreUserStartNodesToggle.click();
+        await this.click(this.ignoreUserStartNodesToggle);
     }
     async chooseOverlaySizeByValue(value) {
-        await this.overlaySizeDropDownBox.selectOption({ value: value });
+        await this.selectByValue(this.overlaySizeDropDownBox, value);
     }
     async clickHideAnchorQueryStringInputToggle() {
-        await this.hideAnchorQueryStringInputToggle.click();
+        await this.click(this.hideAnchorQueryStringInputToggle);
     }
     // Media Picker
     async clickPickMultipleItemsToggle() {
-        await this.pickMultipleItemsToggle.click();
+        await this.click(this.pickMultipleItemsToggle);
     }
     async clickEnableFocalPointToggle() {
-        await (0, test_1.expect)(this.enableFocalPointToggle).toBeVisible();
-        await this.enableFocalPointToggle.click();
+        await this.click(this.enableFocalPointToggle);
     }
     async enterAmountValue(lowValue, highValue) {
-        await this.amountLowValueTxt.clear();
-        await this.amountLowValueTxt.fill(lowValue);
-        await this.amountHighValueTxt.clear();
-        await this.amountHighValueTxt.fill(highValue);
+        await this.enterText(this.amountLowValueTxt, lowValue);
+        await this.enterText(this.amountHighValueTxt, highValue);
     }
     async addAcceptedType(mediaTypeName) {
-        await this.chooseAcceptedTypesBtn.click();
+        await this.click(this.chooseAcceptedTypesBtn);
         await this.clickTextButtonWithName(mediaTypeName);
-        await this.chooseModalBtn.click();
+        await this.click(this.chooseModalBtn);
     }
     async removeAcceptedType(mediaTypeName) {
-        await this.page.locator('uui-ref-node-document-type[name="' + mediaTypeName + '"]').getByLabel('Remove').click();
-        await this.confirmToRemoveBtn.click();
+        await this.click(this.page.locator(`uui-ref-node-document-type[name="${mediaTypeName}"]`).getByLabel('Remove'));
+        await this.click(this.confirmToRemoveBtn);
     }
     async removeMediaStartNode(mediaName) {
-        await this.page.locator('uui-card-media[name="' + mediaName + '"]').locator('[label="Remove"]').click();
-        await this.confirmToRemoveBtn.click();
+        await this.click(this.page.locator(`uui-card-media[name="${mediaName}"]`).locator('[label="Remove"]'));
+        await this.click(this.confirmToRemoveBtn);
     }
     async clickChooseStartNodeButton() {
-        await this.chooseStartNodeBtn.click();
+        await this.click(this.chooseStartNodeBtn);
     }
     // Richtext Editor
     async clickToolbarOptionByValue(values) {
         for (var index in values) {
-            await this.toolbarCheckboxes.filter({ has: this.page.getByLabel(values[index]) }).locator('#ticker svg').click();
+            await this.click(this.toolbarCheckboxes.filter({ has: this.page.getByLabel(values[index]) }).locator('#ticker svg'));
         }
     }
     async addStylesheet(stylesheetName) {
-        await this.addStylesheetBtn.click();
-        await this.page.getByLabel(stylesheetName).click();
-        await this.chooseModalBtn.click();
+        await this.click(this.addStylesheetBtn);
+        await this.click(this.page.getByLabel(stylesheetName));
+        await this.click(this.chooseModalBtn);
     }
     async enterDimensionsValue(width, height) {
-        await this.dimensionsWidthTxt.clear();
-        await this.dimensionsWidthTxt.fill(width);
-        await this.dimensionsHeightTxt.clear();
-        await this.dimensionsHeightTxt.fill(height);
+        await this.enterText(this.dimensionsWidthTxt, width);
+        await this.enterText(this.dimensionsHeightTxt, height);
     }
     async enterMaximumSizeForImages(value) {
-        await this.maxImageSizeTxt.clear();
-        await this.maxImageSizeTxt.fill(value);
+        await this.enterText(this.maxImageSizeTxt, value);
     }
     async clickHideLabelToggle() {
-        await this.hideLabelToggle.click();
+        await this.click(this.hideLabelToggle);
     }
     async clickInlineRadioButton() {
-        await this.inlineRadioBtn.click();
+        await this.click(this.inlineRadioBtn);
     }
     async clickChooseWithPlusButton() {
-        await this.chooseWithPlusBtn.click();
+        await this.click(this.chooseWithPlusBtn);
     }
     async addImageUploadFolder(mediaFolderName) {
         await this.clickChooseWithPlusButton();
@@ -671,8 +613,7 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.clickChooseModalButton();
     }
     async clickAddWithPlusButton() {
-        await (0, test_1.expect)(this.addWithPlusBtn).toBeVisible();
-        await this.addWithPlusBtn.click();
+        await this.click(this.addWithPlusBtn);
     }
     async addAvailableBlocks(blockName) {
         await this.clickAddWithPlusButton();
@@ -682,187 +623,136 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     // Tags
     async enterDefineTagGroupValue(value) {
-        await (0, test_1.expect)(this.defineTagGroupTxt).toBeVisible();
-        await this.defineTagGroupTxt.clear();
-        await this.defineTagGroupTxt.fill(value);
+        await this.enterText(this.defineTagGroupTxt, value);
     }
     async selectStorageTypeOption(option) {
-        await (0, test_1.expect)(this.storageTypeDropDownBox).toBeVisible();
-        await this.storageTypeDropDownBox.selectOption({ label: option });
+        await this.selectByText(this.storageTypeDropDownBox, option);
     }
     // Content Picker
     async clickShowOpenButtonToggle() {
-        await (0, test_1.expect)(this.showOpenButtonToggle).toBeVisible();
-        await this.showOpenButtonToggle.click();
+        await this.click(this.showOpenButtonToggle);
     }
     async removeContentStartNode(contentName) {
-        const startNodeLocator = this.entityItem.filter({ has: this.page.locator('[name="' + contentName + '"]') });
-        await startNodeLocator.hover();
-        await startNodeLocator.getByLabel('Remove').click();
+        const startNodeLocator = this.entityItem.filter({ has: this.page.locator(`[name="${contentName}"]`) });
+        await this.hoverAndClick(startNodeLocator, startNodeLocator.getByLabel('Remove'));
         await this.clickConfirmRemoveButton();
     }
     // Dropdown
     async clickEnableMultipleChoiceToggle() {
-        await (0, test_1.expect)(this.enableMultipleChoiceToggle).toBeVisible();
-        await this.enableMultipleChoiceToggle.click();
+        await this.click(this.enableMultipleChoiceToggle);
     }
     async clickAddOptionsButton() {
-        await (0, test_1.expect)(this.addOptionsBtn).toBeVisible();
-        await this.addOptionsBtn.click();
+        await this.click(this.addOptionsBtn);
     }
     // True/false
     async clickPresetValueToggle() {
-        await (0, test_1.expect)(this.presetValueToggle).toBeVisible();
-        await this.presetValueToggle.click();
+        await this.click(this.presetValueToggle);
     }
     async clickShowToggleLabelsToggle() {
-        await (0, test_1.expect)(this.showToggleLabelsToggle).toBeVisible();
-        await this.showToggleLabelsToggle.click();
+        await this.click(this.showToggleLabelsToggle);
     }
     async enterLabelOnValue(value) {
-        await (0, test_1.expect)(this.labelOnTxt).toBeVisible();
-        await this.labelOnTxt.clear();
-        await this.labelOnTxt.fill(value);
+        await this.enterText(this.labelOnTxt, value);
     }
     async enterLabelOffValue(value) {
-        await (0, test_1.expect)(this.labelOffTxt).toBeVisible();
-        await this.labelOffTxt.clear();
-        await this.labelOffTxt.fill(value);
+        await this.enterText(this.labelOffTxt, value);
     }
     // Block List Editor
     async clickAddBlockButton(index = 0) {
-        await (0, test_1.expect)(this.addBlockBtn.nth(index)).toBeVisible();
-        await this.addBlockBtn.nth(index).click();
+        await this.click(this.addBlockBtn.nth(index));
     }
     async clickRemoveBlockWithName(name) {
         const blockWithNameLocator = this.page.locator('umb-block-type-card', { hasText: name });
-        await (0, test_1.expect)(blockWithNameLocator).toBeVisible();
-        // The force click is necessary. 
-        await blockWithNameLocator.getByLabel('Remove block').click({ force: true });
+        // The force click is necessary.
+        await this.click(blockWithNameLocator.getByLabel('Remove block'), { force: true });
     }
     async enterMinAmount(value) {
-        await (0, test_1.expect)(this.minAmountTxt).toBeVisible();
-        await this.minAmountTxt.clear();
-        await this.minAmountTxt.fill(value);
+        await this.enterText(this.minAmountTxt, value);
     }
     async enterMaxAmount(value) {
-        await (0, test_1.expect)(this.maxAmountTxt).toBeVisible();
-        await this.maxAmountTxt.clear();
-        await this.maxAmountTxt.fill(value);
+        await this.enterText(this.maxAmountTxt, value);
     }
     async doesAmountContainErrorMessageWithText(errorMessage) {
         return await (0, test_1.expect)(this.page.getByText(errorMessage)).toBeVisible();
     }
     async clickSingleBlockMode() {
-        await (0, test_1.expect)(this.singleBlockModeBtn).toBeVisible();
-        await this.singleBlockModeBtn.click();
+        await this.click(this.singleBlockModeBtn);
     }
     async clickLiveEditingMode() {
-        await (0, test_1.expect)(this.liveEditingModeBtn).toBeVisible();
-        await this.liveEditingModeBtn.click();
+        await this.click(this.liveEditingModeBtn);
     }
     async clickInlineEditingMode() {
-        await (0, test_1.expect)(this.inlineEditingModeBtn).toBeVisible();
-        await this.inlineEditingModeBtn.click();
+        await this.click(this.inlineEditingModeBtn);
     }
     async enterPropertyEditorWidth(width) {
-        await (0, test_1.expect)(this.propertyEditorWidthTxt).toBeVisible();
-        await this.propertyEditorWidthTxt.clear();
-        await this.propertyEditorWidthTxt.fill(width);
+        await this.enterText(this.propertyEditorWidthTxt, width);
     }
     async goToBlockWithName(name) {
-        await (0, test_1.expect)(this.page.getByRole('link', { name: name })).toBeVisible();
-        await this.page.getByRole('link', { name: name }).click();
+        await this.click(this.page.getByRole('link', { name: name }));
     }
     async enterBlockLabelText(label) {
         await this.removeBlockLabelText();
         await this.labelTextTxt.fill(label);
     }
     async removeBlockLabelText() {
-        await (0, test_1.expect)(this.labelTextTxt).toBeVisible();
+        await this.waitForVisible(this.labelTextTxt);
         await this.labelTextTxt.clear();
     }
     async clickAllowInRootForBlock() {
-        await (0, test_1.expect)(this.allowBlockAtRootToggle).toBeVisible();
-        await this.allowBlockAtRootToggle.click();
+        await this.click(this.allowBlockAtRootToggle);
     }
     async clickAllowInAreasForBlock() {
-        await (0, test_1.expect)(this.allowInAreasToggle).toBeVisible();
-        await this.allowInAreasToggle.click();
+        await this.click(this.allowInAreasToggle);
     }
     async updateBlockOverlaySize(size) {
-        await (0, test_1.expect)(this.overlaySizeOption).toBeVisible();
-        await this.overlaySizeOption.selectOption(size);
+        await this.selectByValue(this.overlaySizeOption, size);
     }
     async addBlockContentModel(elementName) {
-        await (0, test_1.expect)(this.chooseContentModelBtn).toBeVisible();
-        await this.chooseContentModelBtn.click();
+        await this.click(this.chooseContentModelBtn);
         await this.clickButtonWithName(elementName);
         await this.clickChooseButton();
     }
     async addBlockSettingsModel(elementName) {
-        await (0, test_1.expect)(this.chooseSettingsModelBtn).toBeVisible();
-        await this.chooseSettingsModelBtn.click();
+        await this.click(this.chooseSettingsModelBtn, { timeout: ConstantHelper_1.ConstantHelper.timeout.long });
         await this.clickModalMenuItemWithName(elementName);
         await this.clickChooseModalButton();
     }
     async removeBlockContentModel() {
-        await (0, test_1.expect)(this.contentModelNode).toBeVisible();
-        await this.contentModelNode.hover();
-        await (0, test_1.expect)(this.removeExactContentModelNodeBtn).toBeVisible();
-        await this.removeExactContentModelNodeBtn.click();
+        await this.hoverAndClick(this.contentModelNode, this.removeExactContentModelNodeBtn);
     }
     async removeBlockSettingsModel() {
-        await (0, test_1.expect)(this.settingsModelNode).toBeVisible();
-        await this.settingsModelNode.hover();
-        await (0, test_1.expect)(this.removeExactSettingsModelNodeBtn).toBeVisible();
-        await this.removeExactSettingsModelNodeBtn.click();
+        await this.hoverAndClick(this.settingsModelNode, this.removeExactSettingsModelNodeBtn);
     }
     async openBlockContentModel() {
-        await (0, test_1.expect)(this.contentModelNode).toBeVisible();
-        await this.contentModelNode.hover();
-        await (0, test_1.expect)(this.openBtn).toBeVisible();
-        await this.openBtn.click();
+        await this.hoverAndClick(this.contentModelNode, this.openBtn);
     }
     async openBlockSettingsModel() {
-        await (0, test_1.expect)(this.settingsModelNode).toBeVisible();
-        await this.settingsModelNode.hover();
-        await (0, test_1.expect)(this.openBtn).toBeVisible();
-        await this.openBtn.click();
+        await this.hoverAndClick(this.settingsModelNode, this.openBtn);
     }
     async isElementWorkspaceOpenInBlock(elementTypeName) {
         return await (0, test_1.expect)(this.documentTypeWorkspace.filter({ hasText: elementTypeName })).toBeVisible();
     }
     async selectBlockBackgroundColor(color) {
-        await (0, test_1.expect)(this.backgroundColorBtn).toBeVisible();
-        await this.backgroundColorBtn.click();
-        await this.backgroundColorTxt.clear();
-        await this.backgroundColorTxt.fill(color);
+        await this.click(this.backgroundColorBtn);
+        await this.enterText(this.backgroundColorTxt, color);
     }
     async selectBlockIconColor(color) {
-        await (0, test_1.expect)(this.iconColorBtn).toBeVisible();
-        await this.iconColorBtn.click();
-        await this.iconColorTxt.clear();
-        await this.iconColorTxt.fill(color);
+        await this.click(this.iconColorBtn);
+        await this.enterText(this.iconColorTxt, color);
     }
     async clickExpandChildItemsForMediaButton() {
-        await (0, test_1.expect)(this.expandChildItemsForMediaBtn).toBeVisible();
-        await this.expandChildItemsForMediaBtn.click();
+        await this.click(this.expandChildItemsForMediaBtn);
     }
     async clickRemoveCustomStylesheetWithName(name) {
-        await (0, test_1.expect)(this.customStylesheetLabel.locator('[name="' + name + '"]')).toBeVisible();
-        await this.customStylesheetLabel.locator('[name="' + name + '"]').click();
-        await (0, test_1.expect)(this.stylesheetRemoveBtn).toBeVisible();
-        await this.stylesheetRemoveBtn.click();
+        await this.click(this.customStylesheetLabel.locator(`[name="${name}"]`));
+        await this.click(this.stylesheetRemoveBtn);
         await this.clickConfirmRemoveButton();
     }
     async clickBlockGridHideContentEditorButton() {
-        await (0, test_1.expect)(this.hideContentEditorBlockGridBtn).toBeVisible();
-        await this.hideContentEditorBlockGridBtn.click();
+        await this.click(this.hideContentEditorBlockGridBtn);
     }
     async chooseBlockCustomStylesheetWithName(name) {
-        await (0, test_1.expect)(this.chooseCustomStylesheetBtn).toBeVisible();
-        await this.chooseCustomStylesheetBtn.click();
+        await this.click(this.chooseCustomStylesheetBtn);
         await this.openCaretButtonForName('wwwroot');
         await this.openCaretButtonForName('css');
         await this.clickLabelWithName(name, true);
@@ -870,8 +760,7 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     async chooseBlockThumbnailWithPath(mediaPath) {
         const mediaItems = mediaPath.split('/media/')[1].split('/');
-        await (0, test_1.expect)(this.chooseThumbnailAlias).toBeVisible();
-        await this.chooseThumbnailAlias.click();
+        await this.click(this.chooseThumbnailAlias);
         await this.openCaretButtonForName('wwwroot', true);
         await this.clickExpandChildItemsForMediaButton();
         for (let i = 0; i < mediaItems.length; i++) {
@@ -879,27 +768,22 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
                 await this.clickLabelWithName(mediaItems[i], true);
             }
             else {
-                await this.sidebarModal.locator('uui-menu-item[label="' + mediaItems[i] + '"] #caret-button').click();
+                await this.click(this.sidebarModal.locator(`uui-menu-item[label="${mediaItems[i]}"] #caret-button`));
             }
         }
         await this.clickChooseModalButton();
     }
     async clickBlockListHideContentEditorButton() {
-        await (0, test_1.expect)(this.hideContentEditorBlockListBtn).toBeVisible();
-        await this.hideContentEditorBlockListBtn.click();
+        await this.click(this.hideContentEditorBlockListBtn);
     }
     async enterEditorWidth(value) {
-        await (0, test_1.expect)(this.editorWidthTxt).toBeVisible();
-        await this.editorWidthTxt.clear();
-        await this.editorWidthTxt.fill(value);
+        await this.enterText(this.editorWidthTxt, value);
     }
     async enterCreateButtonLabel(value) {
-        await (0, test_1.expect)(this.createButtonLabelTxt).toBeVisible();
-        await this.createButtonLabelTxt.clear();
-        await this.createButtonLabelTxt.fill(value);
+        await this.enterText(this.createButtonLabelTxt, value);
     }
     async enterGridColumns(value) {
-        await (0, test_1.expect)(this.gridColumnsTxt).toBeVisible();
+        await this.waitForVisible(this.gridColumnsTxt);
         await this.gridColumnsTxt.clear();
         if (value === undefined) {
             return;
@@ -907,21 +791,18 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.gridColumnsTxt.fill(value.toString());
     }
     async clickShowResizeOptions() {
-        await (0, test_1.expect)(this.showResizeOptionsBtn).toBeVisible();
-        await this.showResizeOptionsBtn.click();
+        await this.click(this.showResizeOptionsBtn);
     }
     async clickAvailableColumnSpans(columnSpans) {
         for (let index in columnSpans) {
-            await (0, test_1.expect)(this.columnSpanOptions.getByLabel(columnSpans[index].toString(), { exact: true })).toBeVisible();
-            await this.columnSpanOptions.getByLabel(columnSpans[index].toString(), { exact: true }).click();
+            await this.click(this.columnSpanOptions.getByLabel(columnSpans[index].toString(), { exact: true }));
         }
     }
     async goToBlockAreasTab() {
-        await (0, test_1.expect)(this.areasTabBtn).toBeVisible();
-        await this.areasTabBtn.click();
+        await this.click(this.areasTabBtn);
     }
     async enterMinRowSpan(value) {
-        await (0, test_1.expect)(this.availableRowSpansLowValueTxt).toBeVisible();
+        await this.waitForVisible(this.availableRowSpansLowValueTxt);
         await this.availableRowSpansLowValueTxt.clear();
         if (value === undefined) {
             return;
@@ -929,7 +810,7 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.availableRowSpansLowValueTxt.fill(value.toString());
     }
     async enterMaxRowSpan(value) {
-        await (0, test_1.expect)(this.availableRowSpansHighValueTxt).toBeVisible();
+        await this.waitForVisible(this.availableRowSpansHighValueTxt);
         await this.availableRowSpansHighValueTxt.clear();
         if (value === undefined) {
             return;
@@ -937,7 +818,7 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.availableRowSpansHighValueTxt.fill(value.toString());
     }
     async enterGridColumnsForArea(value) {
-        await (0, test_1.expect)(this.areaGridColumnsTxt).toBeVisible();
+        await this.waitForVisible(this.areaGridColumnsTxt);
         await this.areaGridColumnsTxt.clear();
         if (value === undefined) {
             return;
@@ -945,32 +826,28 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.areaGridColumnsTxt.fill(value.toString());
     }
     async addAreaButton() {
-        await (0, test_1.expect)(this.addAreaBtn).toBeVisible();
-        await this.addAreaBtn.click();
+        await this.click(this.addAreaBtn);
     }
     async goToAreaByAlias(alias) {
         const editAreaWithAliasLocator = this.blockAreaConfig.filter({ hasText: alias }).getByLabel('edit');
-        await (0, test_1.expect)(editAreaWithAliasLocator).toBeVisible();
-        await editAreaWithAliasLocator.click({ force: true });
+        // Force click is needed
+        await this.click(editAreaWithAliasLocator, { force: true });
     }
     async clickRemoveAreaByAlias(alias) {
         const removeAreaWithAliasLocator = this.blockAreaConfig.filter({ hasText: alias }).getByLabel('delete');
-        await (0, test_1.expect)(removeAreaWithAliasLocator).toBeVisible();
-        await removeAreaWithAliasLocator.click({ force: true });
+        // Force click is needed
+        await this.click(removeAreaWithAliasLocator, { force: true });
         await this.clickConfirmToDeleteButton();
     }
     async enterAreaAlias(alias) {
-        await (0, test_1.expect)(this.aliasAliasTxt).toBeVisible();
-        await this.aliasAliasTxt.clear();
-        await this.aliasAliasTxt.fill(alias);
+        await this.enterText(this.aliasAliasTxt, alias);
     }
     async clickAreaSubmitButton() {
-        await (0, test_1.expect)(this.blockGridAreaWorkspaceSubmitBtn).toBeVisible();
-        await this.blockGridAreaWorkspaceSubmitBtn.click();
-        await this.page.waitForTimeout(500);
+        await this.click(this.blockGridAreaWorkspaceSubmitBtn);
+        await this.page.waitForTimeout(ConstantHelper_1.ConstantHelper.wait.short);
     }
     async enterCreateButtonLabelInArea(value) {
-        await (0, test_1.expect)(this.createLabelTxt.nth(1)).toBeVisible();
+        await this.waitForVisible(this.createLabelTxt.nth(1));
         await this.createLabelTxt.nth(1).clear();
         if (value === undefined) {
             return;
@@ -978,7 +855,7 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.createLabelTxt.nth(1).fill(value);
     }
     async enterMinAllowedInArea(value) {
-        await (0, test_1.expect)(this.minAllowedTxt).toBeVisible();
+        await this.waitForVisible(this.minAllowedTxt);
         await this.minAllowedTxt.clear();
         if (value === undefined) {
             return;
@@ -986,7 +863,7 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.minAllowedTxt.fill(value.toString());
     }
     async enterMaxAllowedInArea(value) {
-        await (0, test_1.expect)(this.maxAllowedTxt).toBeVisible();
+        await this.waitForVisible(this.maxAllowedTxt);
         await this.maxAllowedTxt.clear();
         if (value === undefined) {
             return;
@@ -994,12 +871,10 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         await this.maxAllowedTxt.fill(value.toString());
     }
     async clickAddSpecifiedAllowanceButton() {
-        await (0, test_1.expect)(this.addSpecifiedAllowanceBtn).toBeVisible();
-        await this.addSpecifiedAllowanceBtn.click();
+        await this.click(this.addSpecifiedAllowanceBtn);
     }
     async goToBlockAdvancedTab() {
-        await (0, test_1.expect)(this.advancedTabBtn).toBeVisible();
-        await this.advancedTabBtn.click();
+        await this.click(this.advancedTabBtn);
     }
     async getLinkWithName(name) {
         await (0, test_1.expect)(this.page.getByRole('link', { name: name })).toBeVisible();
@@ -1011,55 +886,46 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
     }
     async clickRemoveStylesheetButton(stylesheetName) {
         const removeButton = this.entityItem.filter({ hasText: stylesheetName }).getByLabel('Remove');
-        await (0, test_1.expect)(removeButton).toBeVisible();
-        await removeButton.click();
+        await this.click(removeButton);
     }
     // TipTap
     async deleteToolbarGroup(groupIndex, rowIndex = 0) {
         const groupButton = this.tiptapToolbarConfiguration.locator('.row').nth(rowIndex).locator('.group').nth(groupIndex);
-        await (0, test_1.expect)(groupButton).toBeVisible();
-        await groupButton.hover();
+        await this.hover(groupButton);
         const actionsInGroup = groupButton.locator('.items').locator('uui-button');
         const actionsCount = await actionsInGroup.count();
         for (let i = 0; i < actionsCount; i++) {
-            await actionsInGroup.first().click();
+            await this.click(actionsInGroup.first());
         }
-        await groupButton.locator('[label="Remove group"]').click();
+        await this.click(groupButton.locator('[label="Remove group"]'));
     }
     async deleteToolbarRow(rowIndex) {
         const rowButton = this.tiptapToolbarConfiguration.locator('.row').nth(rowIndex);
-        await (0, test_1.expect)(rowButton).toBeVisible();
-        await rowButton.hover();
-        await rowButton.locator('[label="Remove row"]').click();
+        await this.hoverAndClick(rowButton, rowButton.locator('[label="Remove row"]'));
     }
     async clickAddRowToolbarButton() {
-        await (0, test_1.expect)(this.addRowToolbarBtn).toBeVisible();
-        await this.addRowToolbarBtn.click();
+        await this.click(this.addRowToolbarBtn);
     }
     async clickAddGroupToolbarButton() {
-        await (0, test_1.expect)(this.addGroupToolbarBtn).toBeVisible();
-        await this.addGroupToolbarBtn.click();
+        await this.click(this.addGroupToolbarBtn);
     }
     async clickExtensionItemWithName(name) {
-        await (0, test_1.expect)(this.tiptapExtensionsConfiguration.locator('uui-checkbox[label="' + name + '"]')).toBeVisible();
-        await this.tiptapExtensionsConfiguration.locator('uui-checkbox[label="' + name + '"]').click();
+        await this.click(this.tiptapExtensionsConfiguration.locator(`uui-checkbox[label="${name}"]`));
     }
     async doesPropertyEditorHaveUiAlias(uiAlias) {
-        await (0, test_1.expect)(this.propertyEditor).toHaveAttribute('alias', uiAlias);
+        await this.hasAttribute(this.propertyEditor, 'alias', uiAlias);
     }
     async doesPropertyEditorHaveName(name) {
-        await (0, test_1.expect)(this.propertyEditor).toHaveAttribute('name', name);
+        await this.hasAttribute(this.propertyEditor, 'name', name);
     }
     async doesPropertyEditorHaveAlias(alias) {
-        await (0, test_1.expect)(this.propertyEditor).toHaveAttribute('property-editor-schema-alias', alias);
+        await this.hasAttribute(this.propertyEditor, 'property-editor-schema-alias', alias);
     }
     async clickDataTypeButton() {
-        await (0, test_1.expect)(this.dataTypeBtn).toBeVisible();
-        await this.dataTypeBtn.click();
+        await this.click(this.dataTypeBtn);
     }
     async clickDataTypesMenu() {
-        await (0, test_1.expect)(this.dataTypesMenu).toBeVisible();
-        await this.dataTypesMenu.click();
+        await this.click(this.dataTypesMenu);
     }
     async doesSettingHaveValue(settings) {
         for (let index = 0; index < Object.keys(settings).length; index++) {
@@ -1070,42 +936,37 @@ class DataTypeUiHelper extends UiBaseLocators_1.UiBaseLocators {
         }
     }
     async doesSettingItemsHaveCount(settings) {
-        await (0, test_1.expect)(this.propertyEditorConfigItems).toHaveCount(Object.keys(settings).length);
+        await this.hasCount(this.propertyEditorConfigItems, Object.keys(settings).length);
     }
     async doesSettingsContainText(text) {
-        await (0, test_1.expect)(this.propertyEditorConfig).toContainText(text);
+        await this.containsText(this.propertyEditorConfig, text);
     }
     async clickStatusbarItemInToolboxWithName(name) {
         const statusbarItemLocator = this.tiptapStatusbarConfiguration.locator('#toolbox uui-button').filter({ hasText: name });
-        await (0, test_1.expect)(statusbarItemLocator).toBeVisible();
-        await statusbarItemLocator.click();
+        await this.click(statusbarItemLocator);
     }
     async clickStatusbarItemWithName(name) {
         const statusbarItemLocator = this.tiptapStatusbarConfiguration.locator('#statusbar uui-button').filter({ hasText: name });
-        await (0, test_1.expect)(statusbarItemLocator).toBeVisible();
-        await statusbarItemLocator.click();
+        await this.click(statusbarItemLocator);
     }
     async isExtensionItemChecked(itemName, isChecked = true) {
-        await (0, test_1.expect)(this.tiptapExtensionsConfiguration.locator('uui-checkbox[label="' + itemName + '"] input')).toBeChecked({ checked: isChecked });
+        await (0, test_1.expect)(this.tiptapExtensionsConfiguration.locator(`uui-checkbox[label="${itemName}"] input`)).toBeChecked({ checked: isChecked });
     }
     async doesBlockHaveThumbnailImage(thumbnailImageUrl) {
-        await (0, test_1.expect)(this.blockThumbnailImage).toHaveAttribute('src', thumbnailImageUrl);
+        await this.hasAttribute(this.blockThumbnailImage, 'src', thumbnailImageUrl);
     }
     async addTimeZones(timeZones) {
         for (let i = 0; i < timeZones.length; i++) {
-            (0, test_1.expect)(this.timeZoneDropDown).toBeVisible();
-            await this.timeZoneDropDown.click();
-            await this.timeZoneDropDown.getByText(timeZones[i]).click();
-            await this.addTimeZoneBtn.click();
+            await this.click(this.timeZoneDropDown);
+            await this.click(this.timeZoneDropDown.getByText(timeZones[i]));
+            await this.click(this.addTimeZoneBtn);
         }
     }
     async clickChooseDataSourceButton() {
-        await (0, test_1.expect)(this.dataSourceChooseBtn).toBeVisible();
-        await this.dataSourceChooseBtn.click();
+        await this.click(this.dataSourceChooseBtn);
     }
     async clickChooseThumbnailButton() {
-        await (0, test_1.expect)(this.chooseThumbnailAlias).toBeVisible();
-        await this.chooseThumbnailAlias.click();
+        await this.click(this.chooseThumbnailAlias);
     }
 }
 exports.DataTypeUiHelper = DataTypeUiHelper;