@bigbinary/neeto-playwright-commons 1.11.3 → 1.11.4

package/index.cjs.js

@@ -385,6 +385,7 @@ const COMMON_SELECTORS = {
     modalForever: "modal-footer",
     navigationHeader: "navigation-header",
     buttonSpinner: ".neeto-ui-btn__spinner",
+    customSelectValueContainer: (label = "nui") => `${hyphenize(label)}-select-value-container`,
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3610,14 +3611,17 @@ class CustomCommands {
                 : verifyEachFieldValue(values);
         };
         this.searchAndVerify = async ({ searchTerm, searchInputSelector = COMMON_SELECTORS.inputField, countSelector, countText, }) => {
-            await test$1.expect(async () => {
-                await this.page.getByTestId(searchInputSelector).fill(searchTerm);
-                await test$1.expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.searchTermBlock)).toBeVisible();
-                await this.page.reload({ waitUntil: "load" });
-                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({ timeout: 10000 });
-                await test$1.expect(this.page.getByRole("cell", { name: searchTerm })).toBeVisible();
-                await test$1.expect(this.page.getByTestId(countSelector)).toContainText(countText);
-            }).toPass({ timeout: 15000 });
+            await this.page.getByTestId(searchInputSelector).clear();
+            await this.page
+                .getByTestId(searchInputSelector)
+                .pressSequentially(searchTerm, { delay: 100 });
+            await test$1.expect(this.page.locator(COMMON_SELECTORS.tableSpinner)).toBeHidden({
+                timeout: 10000,
+            });
+            await test$1.expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.searchTermBlock)).toBeVisible();
+            await this.waitForPageLoad();
+            await test$1.expect(this.page.getByRole("cell", { name: searchTerm })).toBeVisible();
+            await test$1.expect(this.page.getByTestId(countSelector)).toContainText(countText);
         };
         this.uploadImage = async (localImagePath) => {
             const { imageName, imagePath } = getImagePathAndName(localImagePath);
@@ -12937,7 +12941,7 @@ const TOASTR_MESSAGES = {
 };
 const ZAPIER_LIMIT_EXHAUSTED_MESSAGE = "Zapier free task limit is exhausted. Test will be aborted";
 const EMOJI_LABEL = "thumbs up";
-const ATTACHMENT_DELETION_TOASTR_MESSAGE = "Attachment has been successfully deleted.";
+const SELECT_COUNTRY = "Select country";
 
 const HELP_CENTER_SELECTORS = {
     helpButton: "help-button",
@@ -13824,20 +13828,20 @@ const EXPANDED_FONT_SIZE = {
     h5: "Heading 5",
 };
 const TEXT_MODIFIER_TAGS = {
-    underlineOption: "u",
-    strikeOption: "s",
-    highlightOption: "mark",
+    underline: "u",
+    strike: "s",
+    highlight: "mark",
 };
 const TEXT_MODIFIER_ROLES = {
-    boldOption: "strong",
-    italicsOption: "emphasis",
-    blockquoteOption: "blockquote",
-    codeblockOption: "code",
-    codeOption: "code",
+    bold: "strong",
+    italic: "emphasis",
+    code: "code",
+    blockquote: "blockquote",
+    codeBlock: "code",
 };
 const LIST_MODIFIER_TAGS = {
-    bulletListOption: "ul",
-    orderedListOption: "ol",
+    bulletList: "ul",
+    orderedList: "ol",
 };
 
 const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
@@ -13898,20 +13902,20 @@ const NEETO_EDITOR_SELECTORS = {
     dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${neetoCist.hyphenate(variable)}`,
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
-    strikeOption: optionSelector("strike"),
-    underlineOption: optionSelector("underline"),
-    highlightOption: optionSelector("highlight"),
+    strike: optionSelector("strike"),
+    underline: optionSelector("underline"),
+    highlight: optionSelector("highlight"),
 };
 const TEXT_MODIFIER_SELECTORS = {
-    boldOption: optionSelector("bold"),
-    italicsOption: optionSelector("italic"),
-    codeOption: optionSelector("code"),
-    blockquoteOption: optionSelector("blockquote"),
-    codeblockOption: optionSelector("codeBlock"),
+    bold: optionSelector("bold"),
+    italic: optionSelector("italic"),
+    code: optionSelector("code"),
+    blockquote: optionSelector("blockquote"),
+    codeBlock: optionSelector("codeBlock"),
 };
 const LIST_MODIFIER_SELECTORS = {
-    bulletListOption: optionSelector("bulletList"),
-    orderedListOption: optionSelector("orderedList"),
+    bulletList: optionSelector("bulletList"),
+    orderedList: optionSelector("orderedList"),
 };
 const FONT_SIZE_SELECTORS = {
     h1: fixedMenuSelector("font-size-option-h1"),
@@ -13923,12 +13927,36 @@ const FONT_SIZE_SELECTORS = {
 
 class EditorPage {
     constructor(page, neetoPlaywrightUtilities, editorWrapper) {
-        this.assertOptionVisibility = async (optionLocator) => {
-            if (await optionLocator.isVisible())
-                return true;
-            (await this.moreMenuSelector.isVisible()) &&
-                (await this.moreMenuSelector.click());
-            return optionLocator.isVisible();
+        this.linkUrl = faker.faker.internet.url();
+        this.filePath = "../../../e2e/assets/images/BigBinary.png";
+        this.imageUrl = "https://picsum.photos/200/300";
+        this.videoUrl = "https://youtu.be/jNQXAC9IVRw";
+        this.cannedResponseSuccessMessage = "";
+        this.cleanString = (selector = "") => (selector === null || selector === void 0 ? void 0 : selector.replace("neeto-editor-fixed-menu-", "").replace("-option", "")) ||
+            "";
+        this.fixedMenuOptions = async () => {
+            (await this.fixedMenuArrowSelector.isVisible()) &&
+                (await this.fixedMenuArrowSelector.click());
+            const fixedMenuButtons = await this.editorWrapper
+                .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
+                .getByRole("button")
+                .all();
+            (await this.moreMenuSelector.isVisible()) && fixedMenuButtons.pop();
+            return Promise.all(fixedMenuButtons.map(async (button) => {
+                const dataCy = await button.getAttribute("data-cy");
+                return this.cleanString(dataCy);
+            }));
+        };
+        this.moreMenuOptions = async () => {
+            await this.moreMenuSelector.click();
+            const moreMenuButtons = await this.page
+                .getByTestId(COMMON_SELECTORS.dropdownContainer)
+                .getByRole("button")
+                .all();
+            return Promise.all(moreMenuButtons.map(async (button) => {
+                const dataCy = await button.getAttribute("data-cy");
+                return this.cleanString(dataCy);
+            }));
         };
         this.verifyFontSize = async () => {
             const fontSizeDropdown = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.fontSize);
@@ -13943,42 +13971,24 @@ class EditorPage {
                 await fontSizeDropdown.click();
             }
         };
-        this.verifyTextModifiers = async () => {
-            const textModifier = Object.keys(TEXT_MODIFIER_SELECTORS);
-            for (const modifier of textModifier) {
-                const modifierKey = modifier;
-                const textModifierRole = TEXT_MODIFIER_ROLES[modifierKey];
-                const textModifierSelector = this.editorWrapper.getByTestId(TEXT_MODIFIER_SELECTORS[modifierKey]);
-                if (await this.assertOptionVisibility(textModifierSelector)) {
-                    await textModifierSelector.click();
-                    await test$1.expect(this.contentField.getByRole(textModifierRole)).toBeVisible();
-                    await textModifierSelector.click();
-                }
-            }
+        this.verifyTextModifiers = async (modifier) => {
+            const modifierKey = modifier;
+            const textModifierRole = TEXT_MODIFIER_ROLES[modifierKey];
+            const textModifierSelector = this.editorWrapper.getByTestId(TEXT_MODIFIER_SELECTORS[modifierKey]);
+            await textModifierSelector.click();
+            await test$1.expect(this.contentField.getByRole(textModifierRole)).toBeVisible();
         };
-        this.verifyTextDeskModifier = async () => {
-            const textDeskModifier = Object.keys(NEETO_TEXT_MODIFIER_SELECTORS);
-            for (const modifier of textDeskModifier) {
-                const modifierKey = modifier;
-                const textModifierSelector = this.editorWrapper.getByTestId(NEETO_TEXT_MODIFIER_SELECTORS[modifierKey]);
-                if (await this.assertOptionVisibility(textModifierSelector)) {
-                    await textModifierSelector.click();
-                    await test$1.expect(this.contentField.locator(TEXT_MODIFIER_TAGS[modifierKey])).toBeVisible();
-                    await textModifierSelector.click();
-                }
-            }
+        this.verifyTextDeskModifier = async (modifier) => {
+            const modifierKey = modifier;
+            const textModifierSelector = this.editorWrapper.getByTestId(NEETO_TEXT_MODIFIER_SELECTORS[modifierKey]);
+            await textModifierSelector.click();
+            await test$1.expect(this.contentField.locator(TEXT_MODIFIER_TAGS[modifierKey])).toBeVisible();
         };
-        this.verifyListModifiers = async () => {
-            const listModifier = Object.keys(LIST_MODIFIER_SELECTORS);
-            for (const modifier of listModifier) {
-                const modifierKey = modifier;
-                const listModifierSelector = this.editorWrapper.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
-                if (await this.assertOptionVisibility(listModifierSelector)) {
-                    await listModifierSelector.click();
-                    await test$1.expect(this.contentField.locator(LIST_MODIFIER_TAGS[modifierKey])).toBeVisible();
-                    await listModifierSelector.click();
-                }
-            }
+        this.verifyListModifiers = async (modifier) => {
+            const modifierKey = modifier;
+            const listModifierSelector = this.editorWrapper.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
+            await listModifierSelector.click();
+            await test$1.expect(this.contentField.locator(LIST_MODIFIER_TAGS[modifierKey])).toBeVisible();
         };
         this.verifyEditorLinkButton = async (linkUrl) => {
             await this.editorLinkButton.click();
@@ -14001,7 +14011,6 @@ class EditorPage {
             await this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 responseUrl: ROUTES.attachment,
             });
-            await this.neetoPlaywrightUtilities.verifyToast();
             await test$1.expect(this.attachmentPreview).toBeVisible();
             await this.attachmentPreview
                 .getByTestId(COMMON_SELECTORS.dropdownIcon)
@@ -14012,9 +14021,7 @@ class EditorPage {
             await this.page
                 .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
                 .click();
-            await this.neetoPlaywrightUtilities.verifyToast({
-                message: ATTACHMENT_DELETION_TOASTR_MESSAGE,
-            });
+            await test$1.expect(this.attachmentPreview).toBeHidden({ timeout: 10000 });
         };
         this.verifyImageUploadOption = async ({ imageUrl, filePath, }) => {
             await this.imageUploadOption.click();
@@ -14031,6 +14038,8 @@ class EditorPage {
             await test$1.expect(this.imageWrapper).toBeHidden({
                 timeout: 15000,
             });
+            (await this.imageUploadOption.isHidden()) &&
+                (await this.moreMenuSelector.click());
             await this.imageUploadOption.click();
             await this.page
                 .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkButton)
@@ -14100,38 +14109,63 @@ class EditorPage {
                 await test$1.expect(this.contentField.getByText(dynamicVariable)).toBeVisible();
             }
         };
-        this.verifyDescriptionEditor = async ({ text, dynamicVariables, linkUrl = faker.faker.internet.url(), filePath = "../../../e2e/assets/images/BigBinary.png", imageUrl = "https://picsum.photos/200/300", videoUrl = "https://youtu.be/jNQXAC9IVRw", cannedResponseSuccessMessage, }) => {
+        this.buttonsAndVerifications = {
+            "font-size": this.verifyFontSize,
+            emoji: this.verifyEmojiSelector,
+            bold: () => this.verifyTextModifiers("bold"),
+            italic: () => this.verifyTextModifiers("italic"),
+            code: () => this.verifyTextModifiers("code"),
+            blockquote: () => this.verifyTextModifiers("blockquote"),
+            codeBlock: () => this.verifyTextModifiers("codeBlock"),
+            underline: () => this.verifyTextDeskModifier("underline"),
+            strike: () => this.verifyTextDeskModifier("strike"),
+            highlight: () => this.verifyTextDeskModifier("highlight"),
+            bulletList: () => this.verifyListModifiers("bulletList"),
+            orderedList: () => this.verifyListModifiers("orderedList"),
+            link: () => this.verifyEditorLinkButton(this.linkUrl),
+            attachments: () => this.verifyEditorAttachmentsButton(this.filePath),
+            "image-upload": () => this.verifyImageUploadOption({
+                imageUrl: this.imageUrl,
+                filePath: this.filePath,
+            }),
+            "canned-responses": this.verifyCannedResponseOption,
+            "video-embed": () => this.verifyVideoEmbedOption(this.videoUrl),
+        };
+        this.verifyDescriptionEditor = async ({ text, dynamicVariables, linkUrl, filePath, imageUrl, videoUrl, cannedResponseSuccessMessage, }) => {
+            const fixedMenuButtons = await this.fixedMenuOptions();
+            let moreMenuButtons = [];
+            (await this.moreMenuSelector.isVisible()) &&
+                (moreMenuButtons = await this.moreMenuOptions());
+            const needToSkipDisabling = [
+                "link",
+                "attachments",
+                "image-upload",
+                "canned-responses",
+                "video-embed",
+                "emoji",
+            ];
+            this.linkUrl = linkUrl || this.linkUrl;
+            this.filePath = filePath || this.filePath;
+            this.imageUrl = imageUrl || this.imageUrl;
+            this.videoUrl = videoUrl || this.videoUrl;
+            this.cannedResponseSuccessMessage = cannedResponseSuccessMessage;
             await this.contentField.fill(text);
-            await this.verifyFontSize();
-            if (await this.assertOptionVisibility(this.paragraphSelector)) {
-                await this.paragraphSelector.click();
-                const paragraphRole = DESCRIPTION_EDITOR_TEXTS.paragraphOption;
-                await test$1.expect(this.contentField.getByRole(paragraphRole)).toBeVisible();
+            for (const button of fixedMenuButtons) {
+                await this.contentField.click({ clickCount: 3 });
+                await this.buttonsAndVerifications[button]();
+                !needToSkipDisabling.includes(button) &&
+                    (await this.editorWrapper.getByTestId(optionSelector(button)).click());
             }
-            (await this.fixedMenuArrowSelector.isVisible()) &&
-                (await this.fixedMenuArrowSelector.click());
-            await this.editorWrapper.getByText(text).click({ clickCount: 3 });
-            await this.verifyTextModifiers();
-            await this.verifyTextDeskModifier();
-            await this.verifyListModifiers();
-            (await this.assertOptionVisibility(this.editorLinkButton)) &&
-                (await this.verifyEditorLinkButton(linkUrl));
-            (await this.assertOptionVisibility(this.editorAttachmentsButton)) &&
-                (await this.verifyEditorAttachmentsButton(filePath));
-            (await this.assertOptionVisibility(this.imageUploadOption)) &&
-                (await this.verifyImageUploadOption({
-                    imageUrl,
-                    filePath,
-                }));
-            (await this.assertOptionVisibility(this.cannedResponseOption)) &&
-                (await this.verifyCannedResponseOption(cannedResponseSuccessMessage));
-            (await this.assertOptionVisibility(this.videoEmbedOption)) &&
-                (await this.verifyVideoEmbedOption(videoUrl));
-            (await this.assertOptionVisibility(this.emojiSelector)) &&
-                (await this.verifyEmojiSelector());
-            dynamicVariables &&
-                (await this.assertOptionVisibility(this.dynamicVariablesButton)) &&
-                (await this.verifyDynamicVariables(dynamicVariables));
+            for (const button of moreMenuButtons) {
+                await this.contentField.click({ clickCount: 3 });
+                await this.moreMenuSelector.click();
+                await this.buttonsAndVerifications[button]();
+                if (!needToSkipDisabling.includes(button)) {
+                    await this.moreMenuSelector.click();
+                    await this.editorWrapper.getByTestId(optionSelector(button)).click();
+                }
+            }
+            dynamicVariables && (await this.verifyDynamicVariables(dynamicVariables));
         };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
@@ -14139,7 +14173,6 @@ class EditorPage {
         this.editorWrapper = this.page;
         if (editorWrapper)
             this.editorWrapper = editorWrapper;
-        this.paragraphSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.paragraphOption);
         this.fixedMenuArrowSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuArrow);
         this.editorLinkButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.linkOption);
         this.attachmentPreview = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.attachmentPreview);
@@ -14152,7 +14185,9 @@ class EditorPage {
         this.videoEmbedInput = this.page.getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedInput);
         this.videoWrapperSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.videoWrapper);
         this.emojiSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.emojiOption);
-        this.moreMenuSelector = this.editorWrapper.getByTestId(COMMON_SELECTORS.dropdownIcon);
+        this.moreMenuSelector = this.editorWrapper
+            .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
+            .getByTestId(COMMON_SELECTORS.dropdownIcon);
         this.contentField = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.contentField);
         this.dynamicVariablesButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariablesButton);
     }
@@ -14701,13 +14736,14 @@ class OrganizationPage {
                 .getByTestId(SIGNUP_SELECTORS.otpTextBox)
                 .fill(faker.faker.string.numeric(6));
         };
-        this.setupProfile = async ({ firstName = faker.faker.person.firstName(), lastName = faker.faker.person.lastName(), } = {}) => {
+        this.setupProfile = async ({ firstName = faker.faker.person.firstName(), lastName = faker.faker.person.lastName(), country, } = {}) => {
             await this.page
                 .getByTestId(SIGNUP_SELECTORS.firstNameTextField)
                 .fill(firstName);
             await this.page
                 .getByTestId(SIGNUP_SELECTORS.lastNameTextField)
                 .fill(lastName);
+            country && (await this.changeCountry(country));
             await this.page.getByTestId(COMMON_SELECTORS.checkbox).click();
             const submitProfile = this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 customPageContext: this.page,
@@ -14719,10 +14755,10 @@ class OrganizationPage {
             await submitProfile;
             await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden();
         };
-        this.loginAndOnboard = async ({ email, firstName, lastName, handleOnboarding, }) => {
+        this.loginAndOnboard = async ({ email, firstName, lastName, country, handleOnboarding, }) => {
             await this.page.goto(ROUTES.admin);
             await this.loginViaSSO(email);
-            await this.setupProfile({ firstName, lastName });
+            await this.setupProfile({ firstName, lastName, country });
             await this.page.waitForURL(new RegExp(getGlobalUserState().domain), {
                 waitUntil: "load",
             });
@@ -14791,6 +14827,13 @@ class OrganizationPage {
                 lastName: credentials.lastName,
             });
         };
+        this.changeCountry = async (country) => {
+            const countrySelector = this.page.getByTestId(COMMON_SELECTORS.customSelectValueContainer(SELECT_COUNTRY));
+            await countrySelector.click();
+            await countrySelector.pressSequentially(country);
+            await this.page.getByTestId(COMMON_SELECTORS.selectOption(country)).click();
+            await test$1.expect(countrySelector).toContainText(country);
+        };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
     }
@@ -148904,7 +148947,6 @@ const definePlaywrightConfig = (overrides) => {
 };
 
 exports.API_ROUTES = API_ROUTES;
-exports.ATTACHMENT_DELETION_TOASTR_MESSAGE = ATTACHMENT_DELETION_TOASTR_MESSAGE;
 exports.BASE_URL = BASE_URL;
 exports.CHANGELOG_WIDGET_SELECTORS = CHANGELOG_WIDGET_SELECTORS;
 exports.CHAT_WIDGET_SELECTORS = CHAT_WIDGET_SELECTORS;
@@ -148950,6 +148992,7 @@ exports.PROFILE_SECTION_SELECTORS = PROFILE_SECTION_SELECTORS;
 exports.PROJECT_TRANSLATIONS_PATH = PROJECT_TRANSLATIONS_PATH;
 exports.ROLES_SELECTORS = ROLES_SELECTORS;
 exports.ROUTES = ROUTES;
+exports.SELECT_COUNTRY = SELECT_COUNTRY;
 exports.SIGNUP_SELECTORS = SIGNUP_SELECTORS;
 exports.SINGULAR = SINGULAR;
 exports.SLACK_DATA_QA_SELECTORS = SLACK_DATA_QA_SELECTORS;