@bigbinary/neeto-playwright-commons 1.19.6 → 1.19.7

package/index.cjs.js

@@ -6,6 +6,7 @@ var test$1 = require('@playwright/test');
 var neetoCist = require('@bigbinary/neeto-cist');
 var child_process = require('child_process');
 var ramda = require('ramda');
+var playwrightI18nextFixture = require('playwright-i18next-fixture');
 var require$$0$2 = require('util');
 var faker = require('@faker-js/faker');
 var Stream$4 = require('stream');
@@ -27,7 +28,6 @@ var dayjs = require('dayjs');
 var require$$0$9 = require('tty');
 var require$$0$8 = require('os');
 var stealth$1 = require('puppeteer-extra-plugin-stealth');
-var playwrightI18nextFixture = require('playwright-i18next-fixture');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -79,138 +79,6 @@ let MemberApis$1 = class MemberApis {
     }
 };
 
-const ENVIRONMENT = {
-    development: "development",
-    staging: "staging",
-    review: "review",
-};
-const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
-const STORAGE_STATE = "./e2e/auth/user.json";
-const GLOBAL_TRANSLATIONS_PATTERN = "../node_modules/@bigbinary/**/translations/en.json";
-const PROJECT_TRANSLATIONS_PATH = "../app/javascript/src/translations/en.json";
-const CREDENTIALS = {
-    name: "Oliver Smith",
-    email: "oliver@example.com",
-    password: "welcome",
-};
-const OTP_EMAIL_PATTERN = "is your login code";
-const SLACK_DEFAULT_CHANNEL = "general";
-const ZAPIER_TEST_EMAIL = (product) => `neeto-${product}-zapier-test@${process.env.FASTMAIL_DOMAIN_NAME}`;
-// constants for translation
-const SINGULAR = { count: 1 };
-const PLURAL = { count: 2 };
-const COLOR = {
-    transparent: "rgba(0, 0, 0, 0)",
-    softBlue: "rgb(230, 244, 255)",
-};
-const DATE_TEXTS = { now: "Now", nextYear: "next-year" };
-const EMPTY_STORAGE_STATE = {
-    storageState: { cookies: [], origins: [] },
-};
-
-/* eslint-disable playwright/no-skipped-test */
-const execCommand = (command) => child_process.execSync(command)
-    .toString("utf-8")
-    .replace(/[\n\r\s]+$/, "");
-const joinString = (string1, string2, string3 = "", separator = " ") => {
-    if (string3 === "") {
-        return string1 + separator + string2;
-    }
-    return string1 + separator + string2 + separator + string3;
-};
-const readFileSyncIfExists = (path = STORAGE_STATE) => {
-    try {
-        return JSON.parse(fs__namespace.readFileSync(path, "utf8"));
-    }
-    catch (error) {
-        return {};
-    }
-};
-const getGlobalUserState = () => { var _a; return (_a = readFileSyncIfExists()) === null || _a === void 0 ? void 0 : _a.user; };
-const writeDataToFile = data => {
-    try {
-        fs__namespace.writeFileSync(STORAGE_STATE, data, "utf8");
-    }
-    catch (error) {
-        console.log(error); // eslint-disable-line
-    }
-    return true;
-};
-const updateCredentials = ({ key, value }) => {
-    const data = readFileSyncIfExists();
-    data["user"][key] = value;
-    return writeDataToFile(JSON.stringify(data));
-};
-const removeCredentialFile = () => {
-    fs__namespace.unlink(STORAGE_STATE, error => {
-        if (!error)
-            return;
-        console.log(error); // eslint-disable-line
-    });
-};
-const clearCredentials = () => {
-    if (shouldSkipSetupAndTeardown())
-        return;
-    removeCredentialFile();
-};
-/**
- * @deprecated Use hyphenate from neeto-cist instead.
- */
-const hyphenize = input => {
-    const fallbackString = "";
-    if (typeof input === "number")
-        return String(input);
-    if (input && typeof input === "string" && input.replace) {
-        return input
-            .replace(/[\s_]/g, "-")
-            .replace(/([a-z])([A-Z])/g, "$1-$2")
-            .replace(/-+/g, "-")
-            .toLowerCase();
-    }
-    return fallbackString;
-};
-const joinHyphenCase = (...args) => args.join(" ").replace(/\s+/g, "-").toLowerCase();
-const skipTest = {
-    forDevelopmentEnv: () => test$1.skip(process.env.TEST_ENV === ENVIRONMENT.development),
-    forReviewEnv: () => test$1.skip(process.env.TEST_ENV === ENVIRONMENT.review),
-    forAllExceptStagingEnv: () => test$1.skip(process.env.TEST_ENV !== ENVIRONMENT.staging),
-    forNonNightlyRun: () => {
-        const currentBranch = execCommand("git rev-parse --abbrev-ref HEAD");
-        const isNightlyRun = currentBranch === "main" &&
-            process.env.TEST_ENV === ENVIRONMENT.staging &&
-            !!process.env.NEETO_CI_JOB_ID;
-        return test$1.skip(ramda.not(isNightlyRun), "Run test only in playwright-nightly");
-    },
-    ifNotWithinAllowedNightlyHours: ({ reason, allowedNightlyRunHours = [0, 6, 12, 18], }) => {
-        skipTest.forNonNightlyRun();
-        const currentDate = new Date();
-        const day = currentDate.getUTCDay();
-        const hour = currentDate.getUTCHours();
-        const isAllowedNightlyRun = 0 < day && day < 6 && allowedNightlyRunHours.includes(hour);
-        test$1.skip(ramda.not(isAllowedNightlyRun), `Nightly run is skipped due to ${reason}`);
-    },
-};
-const shouldSkipSetupAndTeardown = () => { var _a; return ((_a = getGlobalUserState()) === null || _a === void 0 ? void 0 : _a.isLoggedIn) && process.env.SKIP_SETUP === "true"; };
-// trims and replaces multiple whitespace characters in a string with a single space
-const squish = (text) => text.trim().replace(/\s+/g, " ");
-const toCamelCase = (string) => string.toLowerCase().replace(/( \w)/g, letter => letter[1].toUpperCase());
-const getByDataQA = ramda.curry((page, dataQa) => {
-    if (typeof dataQa === "string") {
-        // eslint-disable-next-line playwright/no-raw-locators
-        return page.locator(`[data-qa='${dataQa}']`);
-    }
-    // eslint-disable-next-line playwright/no-raw-locators
-    return page
-        .locator(`[data-qa='${dataQa[0]}']`)
-        .locator(`[data-qa='${dataQa[1]}']`);
-});
-const getListCount = async ({ page, countSelector, }) => {
-    const countText = await page.getByTestId(countSelector).textContent();
-    return Number(countText === null || countText === void 0 ? void 0 : countText.trim().split(" ")[0]);
-};
-const getGlobalUserProps = async (page) => (await page.evaluate(() => window.globalProps.user));
-const getClipboardContent = (page) => page.evaluate(() => navigator.clipboard.readText());
-
 const COMMON_SELECTORS = {
     emailInputError: "email-input-error",
     pane: "pane-wrapper",
@@ -231,8 +99,8 @@ const COMMON_SELECTORS = {
     paneBody: "pane-body",
     paneHeader: "pane-header",
     profileSidebar: "profile-section",
-    selectOption: (label) => `${hyphenize(label)}-select-option`,
-    radioLabel: (embedLabel) => `${hyphenize(embedLabel)}-radio-label`,
+    selectOption: (label) => `${neetoCist.hyphenate(label)}-select-option`,
+    radioLabel: (embedLabel) => `${neetoCist.hyphenate(embedLabel)}-radio-label`,
     toastMessage: (type) => `toastr-${type}-container`,
     toastCloseButton: "toastr-close-button",
     windowAlert: "#alert-box",
@@ -271,7 +139,7 @@ const COMMON_SELECTORS = {
     sidebarToggle: "neeto-molecules-sidebar-toggler",
     subheader: "subheader",
     settingsLink: "Settings",
-    ticketFieldTextInput: (label) => `${hyphenize(label)}-text-input`,
+    ticketFieldTextInput: (label) => `${neetoCist.hyphenate(label)}-text-input`,
     appSwitcherButton: "product-switcher-button",
     appSwitcherWrapper: "switcher-wrapper",
     tableSpinner: ".ant-spin",
@@ -283,8 +151,8 @@ const COMMON_SELECTORS = {
     columnsDropdownButton: "columns-dropdown-button",
     breadcrumbHeader: "header-breadcrumb",
     header: "neeto-molecules-header",
-    sidebarSubLink: (label) => `${hyphenize(label)}-sub-link`,
-    sidebarGoBackButton: (label) => `${hyphenize(label)}-go-back-button`,
+    sidebarSubLink: (label) => `${neetoCist.hyphenate(label)}-sub-link`,
+    sidebarGoBackButton: (label) => `${neetoCist.hyphenate(label)}-go-back-button`,
     selectSingleValue: "select-single-value",
     actionSelectIndicator: "action-select-indicator",
     takeActionDropdown: "take-action-dropdown-icon",
@@ -301,17 +169,31 @@ const COMMON_SELECTORS = {
     buttonSpinner: ".neeto-ui-btn__spinner",
     pendingTagContainer: "pending-tag-container",
     nextYearButton: "next-year-button",
-    customSelectValueContainer: (label = "nui") => `${hyphenize(label)}-select-value-container`,
-    customDropDownMenu: (label = "nui") => `${hyphenize(label)}-select-menu`,
     popoverTitle: "popover-title",
     helpPopoverButton: "help-popover-button",
     helpPopoverDesc: "help-popover-description",
     helpPopoverLinkButton: "help-popover-link-button",
     copyToClipboardButton: "copy-to-clipboard-button",
     subheaderRight: "subheader-right",
+    secretKeyInputField: "secret-key-input-field",
+    activeSwitch: "active-switch",
+    labelInputField: "label-input-field",
+    imageUploadModal: "tab-container",
+    neetoLogo: "sidebar-info",
+    clearSelectIndicator: "clear-select-indicator",
+    menubarContainer: "menubar-container",
+    multiEmailInputContainer: "multi-email-input-container",
+    linkInputError: "link-input-error",
+    continueButton: "continue-button",
+    clearAllButton: "clear-all-button",
+    requiredSwitch: "required-switch",
+    customSwitch: (switchLabel) => ` ${neetoCist.hyphenate(switchLabel)}-switch`,
+    customMenuItem: (label) => `${neetoCist.hyphenate(label)}-menu-item`,
     customInputLabel: (name = "nui") => `${neetoCist.hyphenate(name)}-input-label`,
     customInputField: (name = "nui") => `${neetoCist.hyphenate(name)}-input-field`,
     customSelectContainer: (name) => `${neetoCist.hyphenate(name)}-select-container`,
+    customSelectContainerWrapper: (label) => `${neetoCist.hyphenate(label)}-select-container-wrapper`,
+    customSelectValueContainer: (label = "nui") => `${neetoCist.hyphenate(label)}-select-value-container`,
     customCheckboxLabel: (name) => `${neetoCist.hyphenate(name)}-checkbox-label`,
     errorImage: "error-image",
     customDropdownIcon: (label = "nui") => `${neetoCist.hyphenate(label)}-dropdown-icon`,
@@ -319,6 +201,7 @@ const COMMON_SELECTORS = {
     checkboxInput: (option = "i-agree") => `${neetoCist.hyphenate(option)}-checkbox-input`,
     radioInput: (option = "i-agree") => `${neetoCist.hyphenate(option)}-radio-input`,
     selectOptionError: (option) => `${neetoCist.hyphenate(option)}-select-error`,
+    customDropDownMenu: (label = "nui") => `${neetoCist.hyphenate(label)}-select-menu`,
 };
 
 const THANK_YOU_SELECTORS = {
@@ -396,7 +279,12 @@ const NEETO_EDITOR_SELECTORS = {
     dynamicVariablesButton: "dynamic-variables-button",
     emojiContainer: "neeto-editor-emoji-picker",
     characterCount: "neeto-editor-character-count",
-    dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${variable}`,
+    tableOption: optionSelector("table"),
+    tableCreateButton: "neeto-editor-fixed-menu-table-option-create-button",
+    videoUploadOption: optionSelector("video-upload"),
+    editorMenuWrapper: "neeto-editor-fixed-menu-wrapper",
+    editorMediaUploaderTab: "neeto-editor-media-uploader-local-tab",
+    dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${neetoCist.hyphenate(variable)}`,
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
     strike: optionSelector("strike"),
@@ -422,6 +310,138 @@ const FONT_SIZE_SELECTORS = {
     h5: fixedMenuSelector("font-size-option-h5"),
 };
 
+const ENVIRONMENT = {
+    development: "development",
+    staging: "staging",
+    review: "review",
+};
+const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
+const STORAGE_STATE = "./e2e/auth/user.json";
+const GLOBAL_TRANSLATIONS_PATTERN = "../node_modules/@bigbinary/**/translations/en.json";
+const PROJECT_TRANSLATIONS_PATH = "../app/javascript/src/translations/en.json";
+const CREDENTIALS = {
+    name: "Oliver Smith",
+    email: "oliver@example.com",
+    password: "welcome",
+};
+const OTP_EMAIL_PATTERN = "is your login code";
+const SLACK_DEFAULT_CHANNEL = "general";
+const ZAPIER_TEST_EMAIL = (product) => `neeto-${product}-zapier-test@${process.env.FASTMAIL_DOMAIN_NAME}`;
+// constants for translation
+const SINGULAR = { count: 1 };
+const PLURAL = { count: 2 };
+const COLOR = {
+    transparent: "rgba(0, 0, 0, 0)",
+    softBlue: "rgb(230, 244, 255)",
+};
+const DATE_TEXTS = { now: "Now", nextYear: "next-year" };
+const EMPTY_STORAGE_STATE = {
+    storageState: { cookies: [], origins: [] },
+};
+
+/* eslint-disable playwright/no-skipped-test */
+const execCommand = (command) => child_process.execSync(command)
+    .toString("utf-8")
+    .replace(/[\n\r\s]+$/, "");
+const joinString = (string1, string2, string3 = "", separator = " ") => {
+    if (string3 === "") {
+        return string1 + separator + string2;
+    }
+    return string1 + separator + string2 + separator + string3;
+};
+const readFileSyncIfExists = (path = STORAGE_STATE) => {
+    try {
+        return JSON.parse(fs__namespace.readFileSync(path, "utf8"));
+    }
+    catch (error) {
+        return {};
+    }
+};
+const getGlobalUserState = () => { var _a; return (_a = readFileSyncIfExists()) === null || _a === void 0 ? void 0 : _a.user; };
+const writeDataToFile = data => {
+    try {
+        fs__namespace.writeFileSync(STORAGE_STATE, data, "utf8");
+    }
+    catch (error) {
+        console.log(error); // eslint-disable-line
+    }
+    return true;
+};
+const updateCredentials = ({ key, value }) => {
+    const data = readFileSyncIfExists();
+    data["user"][key] = value;
+    return writeDataToFile(JSON.stringify(data));
+};
+const removeCredentialFile = () => {
+    fs__namespace.unlink(STORAGE_STATE, error => {
+        if (!error)
+            return;
+        console.log(error); // eslint-disable-line
+    });
+};
+const clearCredentials = () => {
+    if (shouldSkipSetupAndTeardown())
+        return;
+    removeCredentialFile();
+};
+/**
+ * @deprecated Use hyphenate from neeto-cist instead.
+ */
+const hyphenize = input => {
+    const fallbackString = "";
+    if (typeof input === "number")
+        return String(input);
+    if (input && typeof input === "string" && input.replace) {
+        return input
+            .replace(/[\s_]/g, "-")
+            .replace(/([a-z])([A-Z])/g, "$1-$2")
+            .replace(/-+/g, "-")
+            .toLowerCase();
+    }
+    return fallbackString;
+};
+const joinHyphenCase = (...args) => args.join(" ").replace(/\s+/g, "-").toLowerCase();
+const skipTest = {
+    forDevelopmentEnv: () => test$1.skip(process.env.TEST_ENV === ENVIRONMENT.development),
+    forReviewEnv: () => test$1.skip(process.env.TEST_ENV === ENVIRONMENT.review),
+    forAllExceptStagingEnv: () => test$1.skip(process.env.TEST_ENV !== ENVIRONMENT.staging),
+    forNonNightlyRun: () => {
+        const currentBranch = execCommand("git rev-parse --abbrev-ref HEAD");
+        const isNightlyRun = currentBranch === "main" &&
+            process.env.TEST_ENV === ENVIRONMENT.staging &&
+            !!process.env.NEETO_CI_JOB_ID;
+        return test$1.skip(ramda.not(isNightlyRun), "Run test only in playwright-nightly");
+    },
+    ifNotWithinAllowedNightlyHours: ({ reason, allowedNightlyRunHours = [0, 6, 12, 18], }) => {
+        skipTest.forNonNightlyRun();
+        const currentDate = new Date();
+        const day = currentDate.getUTCDay();
+        const hour = currentDate.getUTCHours();
+        const isAllowedNightlyRun = 0 < day && day < 6 && allowedNightlyRunHours.includes(hour);
+        test$1.skip(ramda.not(isAllowedNightlyRun), `Nightly run is skipped due to ${reason}`);
+    },
+};
+const shouldSkipSetupAndTeardown = () => { var _a; return ((_a = getGlobalUserState()) === null || _a === void 0 ? void 0 : _a.isLoggedIn) && process.env.SKIP_SETUP === "true"; };
+// trims and replaces multiple whitespace characters in a string with a single space
+const squish = (text) => text.trim().replace(/\s+/g, " ");
+const toCamelCase = (string) => string.toLowerCase().replace(/( \w)/g, letter => letter[1].toUpperCase());
+const getByDataQA = ramda.curry((page, dataQa) => {
+    if (typeof dataQa === "string") {
+        // eslint-disable-next-line playwright/no-raw-locators
+        return page.locator(`[data-qa='${dataQa}']`);
+    }
+    // eslint-disable-next-line playwright/no-raw-locators
+    return page
+        .locator(`[data-qa='${dataQa[0]}']`)
+        .locator(`[data-qa='${dataQa[1]}']`);
+});
+const getListCount = async ({ page, countSelector, }) => {
+    const countText = await page.getByTestId(countSelector).textContent();
+    return Number(countText === null || countText === void 0 ? void 0 : countText.trim().split(" ")[0]);
+};
+const getGlobalUserProps = async (page) => (await page.evaluate(() => window.globalProps.user));
+const getClipboardContent = (page) => page.evaluate(() => navigator.clipboard.readText());
+
 const EMBED_SELECTORS = {
     iframe: (appName) => `#${appName}-iframe`,
     modal: (appName) => `#${appName}-modal`,
@@ -466,8 +486,12 @@ const NEETO_FILTERS_SELECTORS = {
     paneModalCrossIcon: "neeto-filters-close-button",
     searchTermBlock: "neeto-filters-search-term-block",
     categoriesFilter: "neeto-filters-categories-filter",
-    neetoFiltersFilter: (filterName) => `neeto-filters-${hyphenize(filterName)}-filter`,
-    filtersTermBlock: (filterType = "search-term") => `neeto-filters-${hyphenize(filterType)}-block`,
+    filtersSegmentName: "neeto-filters-segment-name",
+    activeSelectContainer: "neeto-filters-status-filter",
+    neetoFiltersFilter: (filterName) => `neeto-filters-${neetoCist.hyphenate(filterName)}-filter`,
+    filtersTermBlock: (filterType = "search-term") => `neeto-filters-${neetoCist.hyphenate(filterType)}-block`,
+    dateRange: (filterName) => `neeto-filters-${neetoCist.hyphenate(filterName)}-date-range`,
+    segmentLabel: (label) => `neeto-filters-segment-block-${neetoCist.hyphenate(label)}`,
 };
 
 const HELP_CENTER_SELECTORS = {
@@ -639,6 +663,7 @@ const TAGS_SELECTORS = {
     metaDataCard: "metadata-card",
     metaDataBlock: "metadata-block",
     tagContainer: "tag-container",
+    tagsCount: "neeto-tags-filtered-tags-count-text",
 };
 const MERGE_TAGS_SELECTORS = {
     mergeTagsButton: "neeto-tags-merge-tags-button",
@@ -664,6 +689,7 @@ const CHAT_WIDGET_SELECTORS = {
     closeChat: "neeto-chat-widget-close-btn",
     chatQuestionHeader: "chat-question-header",
     openChat: "neeto-chat-widget-open-btn",
+    homeScreenSubtitle: "neeto-chat-widget-home-screen-subtitle",
 };
 const CHANGELOG_WIDGET_SELECTORS = {
     changelogWrapper: ".ne-widget__wrapper",
@@ -682,6 +708,7 @@ const INTEGRATION_SELECTORS = {
     integrationStatusTag: "integration-status-tag",
     disconnectButton: "disconnect-button",
     manageButton: "manage-button",
+    integrationConnectedTag: "integration-connected-tag",
 };
 
 const GOOGLE_LOGIN_SELECTORS = {
@@ -737,6 +764,8 @@ const WEBHOOK_SELECTORS = {
     eventsSelectError: "events-select-error",
     regenerateSecret: "regenerate-secret",
     deleteSecret: "delete-secret",
+    editWebhookButton: "neeto-webhooks-edit-button",
+    deleteWebhookButton: "neeto-webhooks-delete-button",
 };
 
 const ZAPIER_SELECTORS = {
@@ -794,6 +823,22 @@ const API_KEYS_SELECTORS = {
     editApiKeyButton: "api-key-edit-button",
     deleteApiKeyButton: "api-key-delete-button",
     addApiKeyButton: "add-api-key-button",
+    apiKeysLabelField: "api-keys-label-field",
+    apiKeysExpiresAtField: "api-keys-expires-at-field",
+    expiryDateInputError: "expiry-date-input-error",
+    expiryDateInput: "expiry-date-input",
+    apiKeysField: "api-keys-label-field",
+    tokenField: "api-keys-token-field",
+    expiresAtField: "api-keys-expires-at-field",
+    createdAtField: "api-keys-created-at-field",
+};
+
+const DATE_PICKER_SELECTORS = {
+    pickerInput: "picker-input",
+    datePicker: "date-picker",
+    timePicker: "time-picker",
+    nextYearButton: "next-year-button",
+    prevYearButton: "prev-year-button",
 };
 
 const mimeTypeMap = {
@@ -4124,6 +4169,14 @@ class CustomCommands {
                 (await test$1.expect(tooltipBox.getByTestId(COMMON_SELECTORS.helpPopoverLinkButton)).toHaveAttribute("href", new RegExp(helpURL, "i")));
             await this.hideTooltip(triggerElement, customPageContext);
         };
+        this.verifyHelpText = async (helpURL) => {
+            const isNoDataTitleHidden = await this.page
+                .getByTestId(COMMON_SELECTORS.noDataTitle)
+                .isHidden();
+            if (isNoDataTitleHidden)
+                return;
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.noDataHelpText).getByRole("link")).toHaveAttribute("href", new RegExp(helpURL, "i"));
+        };
         this.verifySearchTermBlock = async (searchTerm) => {
             const filtersSearchTermBlock = this.page.getByTestId(NEETO_FILTERS_SELECTORS.filtersTermBlock());
             if (searchTerm) {
@@ -4197,10 +4250,23 @@ class CustomCommands {
             }, serializedFile);
             await droppableZone.dispatchEvent(dispatchEvent, { dataTransfer });
         };
+        this.verifyUnsavedChangesModal = async (shouldLeavePage = false) => {
+            const alertBox = this.page.getByTestId(COMMON_SELECTORS.alertBox);
+            await Promise.all([
+                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.alertModalMessage)).toHaveText(this.t("neetoui.blockNavigation.alertMessage")),
+                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.alertTitle)).toHaveText(this.t("neetoui.blockNavigation.alertTitle")),
+            ]);
+            const buttonSelector = shouldLeavePage
+                ? COMMON_SELECTORS.alertCancelButton
+                : COMMON_SELECTORS.alertModalSubmitButton;
+            await alertBox.getByTestId(buttonSelector).click();
+            await test$1.expect(alertBox).toBeHidden();
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
         this.baseURL = baseURL;
+        this.t = playwrightI18nextFixture.getI18nInstance().t;
     }
 }
 
@@ -192700,13 +192766,15 @@ class CustomDomainPage {
             await this.page
                 .getByTestId(CUSTOM_DOMAIN_SELECTORS.submitCustomDomainButton)
                 .click();
-            await test$1.expect(this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainValidateButton)).toBeVisible();
+            await Promise.all([
+                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody).getByText(domainName)).toBeVisible(),
+                test$1.expect(this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainValidateButton)).toBeVisible(),
+            ]);
             await this.page.getByTestId(COMMON_SELECTORS.paneModalCrossIcon).click();
             await Promise.all([
                 test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeHidden(),
                 test$1.expect(addCustomDomainButton).toBeDisabled(),
                 test$1.expect(this.page.getByTestId(COMMON_SELECTORS.pendingTagContainer)).toBeVisible(),
-                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody).getByText(domainName)).toBeVisible(),
             ]);
         };
         this.deleteCustomDomainViaUI = async () => {
@@ -194916,6 +194984,7 @@ exports.CREDENTIALS = CREDENTIALS;
 exports.CUSTOM_DOMAIN_SELECTORS = CUSTOM_DOMAIN_SELECTORS;
 exports.CustomCommands = CustomCommands;
 exports.CustomDomainsPage = CustomDomainPage;
+exports.DATE_PICKER_SELECTORS = DATE_PICKER_SELECTORS;
 exports.DATE_TEXTS = DATE_TEXTS;
 exports.DESCRIPTION_EDITOR_TEXTS = DESCRIPTION_EDITOR_TEXTS;
 exports.EMBED_SELECTORS = EMBED_SELECTORS;