@bigbinary/neeto-playwright-commons 1.9.31 → 1.9.33

package/index.cjs.js

@@ -143,6 +143,9 @@ const CREDENTIALS = {
 const OTP_EMAIL_PATTERN = "is your login code";
 const SLACK_DEFAULT_CHANNEL = "general";
 const ZAPIER_TEST_EMAIL = (product) => `neeto-${product}-zapier-test@${process.env.INTEGRATION_MAILOSAUR_SERVER_ID}.mailosaur.net`;
+// constants for translation
+const SINGULAR = { count: 1 };
+const PLURAL = { count: 2 };
 
 /* eslint-disable playwright/no-skipped-test */
 const execCommand = (command) => child_process.execSync(command)
@@ -3580,7 +3583,10 @@ class CustomCommands {
                 await test$1.expect(this.page.getByTestId(selectMenu)).toBeVisible({
                     timeout: options.visibilityTimeout,
                 });
-                await this.page.getByTestId(selectMenu).getByText(value).click();
+                await this.page
+                    .getByTestId(selectMenu)
+                    .getByText(value, { exact: true })
+                    .click();
                 await test$1.expect(this.page.getByTestId(selectValueContainer)).toContainText(value, { timeout: options.textAssertionTimeout });
             }).toPass({ timeout: options.retryTimeout });
         };
@@ -13596,7 +13602,7 @@ const TOASTR_MESSAGES = {
     zapierApiKeyGenerated: "Zapier API key is generated successfully!",
 };
 const ZAPIER_LIMIT_EXHAUSTED_MESSAGE = "Zapier free task limit is exhausted. Test will be aborted";
-const EMOJI_PICKER_LABEL = "Smileys & People";
+const EMOJI_LABEL = "thumbs up";
 const ATTACHMENT_DELETION_TOASTR_MESSAGE = "Attachment has been successfully deleted.";
 
 const HELP_CENTER_SELECTORS = {
@@ -14453,6 +14459,7 @@ class ZapierPage extends IntegrationBase {
 const DESCRIPTION_EDITOR_TEXTS = {
     fontSize: "Font size",
     paragraph: "Paragraph",
+    normalText: "Normal text",
     pasteLink: "Paste the link here...",
     invalidURLError: "Please enter a valid URL",
     pasteURL: "Paste URL",
@@ -14461,6 +14468,8 @@ const DESCRIPTION_EDITOR_TEXTS = {
     link: "Link",
     cannedResponseHeader: "Canned responses",
     paragraphOption: "paragraph",
+    search: "Search",
+    emoji: "Emoji",
 };
 const EXPANDED_FONT_SIZE = {
     h1: "Heading 1",
@@ -14508,7 +14517,7 @@ const NEETO_EDITOR_SELECTORS = {
     addLinkTextField: "neeto-editor-add-link-text-input",
     addURLTextField: "neeto-editor-add-link-url-input",
     submitLinkButton: "neeto-editor-add-link",
-    fontSizeDropdown: (currentOption = "Paragraph") => `${joinHyphenCase(currentOption)}-dropdown-icon`,
+    fontSizeDropdown: (currentOption) => `${joinHyphenCase(currentOption)}-dropdown-icon`,
     fixedMenuArrow: "neeto-editor-fixed-menu-arrow",
     cannedResponseOption: "neeto-editor-fixed-menu-canned-responses-option",
     cannedResponseSelectContainer: "select-a-canned-response-select-container",
@@ -14534,6 +14543,9 @@ const NEETO_EDITOR_SELECTORS = {
     errorText: "neeto-editor-error-text",
     content: "editor-content",
     imageUploadDeleteButton: "neeto-editor-image-menu-Delete",
+    dynamicVariablesButton: "dynamic-variables-button",
+    emojiContainer: "neeto-editor-emoji-picker",
+    dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${neetoCist.hyphenate(variable)}`,
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
     strikeOption: "neeto-editor-fixed-menu-strike-option",
@@ -14544,7 +14556,7 @@ const TEXT_MODIFIER_SELECTORS = {
     boldOption: "neeto-editor-fixed-menu-bold-option",
     italicsOption: "neeto-editor-fixed-menu-italic-option",
     codeOption: "neeto-editor-fixed-menu-code-option",
-    blockquoteOption: "neeto-editor-fixed-menu-block-quote-option",
+    blockquoteOption: "neeto-editor-fixed-menu-blockquote-option",
     codeblockOption: "neeto-editor-fixed-menu-code-block-option",
 };
 const LIST_MODIFIER_SELECTORS = {
@@ -14562,40 +14574,44 @@ const FONT_SIZE_SELECTORS = {
 /* eslint-disable playwright/no-nth-methods */
 class EditorPage {
     constructor(page, neetoPlaywrightUtilities) {
-        this.verifyDescriptionEditor = async ({ text, linkUrl = faker.faker.internet.url(), filePath = "../../../e2e/assets/images/BigBinary.png", imageUrl = "https://picsum.photos/200/300", videoUrl = "https://youtu.be/jNQXAC9IVRw", cannedResponseSuccessMessage, }) => {
-            await this.page.getByTestId(NEETO_EDITOR_SELECTORS.contentField).fill(text);
-            await this.page
-                .getByTestId(NEETO_EDITOR_SELECTORS.fontSizeDropdown())
+        this.verifyDescriptionEditor = async ({ text, editorWrapper, dynamicVariables, defaultFontSizeOption = "Paragraph", linkUrl = faker.faker.internet.url(), filePath = "../../../e2e/assets/images/BigBinary.png", imageUrl = "https://picsum.photos/200/300", videoUrl = "https://youtu.be/jNQXAC9IVRw", cannedResponseSuccessMessage, }) => {
+            if (!editorWrapper)
+                editorWrapper = this.page;
+            await editorWrapper
+                .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                .fill(text);
+            await editorWrapper
+                .getByTestId(NEETO_EDITOR_SELECTORS.fontSizeDropdown(defaultFontSizeOption))
                 .click();
             const fontSize = Object.keys(FONT_SIZE_SELECTORS);
             for (const font of fontSize) {
                 const fontKey = font;
-                await this.page.getByTestId(FONT_SIZE_SELECTORS[fontKey]).click();
-                await test$1.expect(this.page
+                await editorWrapper.getByTestId(FONT_SIZE_SELECTORS[fontKey]).click();
+                await test$1.expect(editorWrapper
                     .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
                     .getByRole("heading", { level: Number(font.slice(1)) })).toBeVisible();
-                await this.page
+                await editorWrapper
                     .getByTestId(NEETO_EDITOR_SELECTORS.fontSizeDropdown(EXPANDED_FONT_SIZE[fontKey]))
                     .click();
             }
             if (await this.paragraphSelector.isVisible()) {
                 await this.paragraphSelector.click();
                 const paragraphRole = DESCRIPTION_EDITOR_TEXTS.paragraphOption;
-                await test$1.expect(this.page
+                await test$1.expect(editorWrapper
                     .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
                     .getByRole(paragraphRole)).toBeVisible();
             }
             (await this.fixedMenuArrowSelector.isVisible()) &&
                 (await this.fixedMenuArrowSelector.click());
-            await this.page.getByText(text).click({ clickCount: 3 });
+            await editorWrapper.getByText(text).click({ clickCount: 3 });
             const textModifier = Object.keys(TEXT_MODIFIER_SELECTORS);
             for (const modifier of textModifier) {
                 const modifierKey = modifier;
                 const textModifierRole = TEXT_MODIFIER_ROLES[modifierKey];
-                const textModifierSelector = this.page.getByTestId(TEXT_MODIFIER_SELECTORS[modifierKey]);
+                const textModifierSelector = editorWrapper.getByTestId(TEXT_MODIFIER_SELECTORS[modifierKey]);
                 if (await textModifierSelector.isVisible()) {
                     await textModifierSelector.click();
-                    await test$1.expect(this.page
+                    await test$1.expect(editorWrapper
                         .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
                         .getByRole(textModifierRole)).toBeVisible();
                     await textModifierSelector.click();
@@ -14604,10 +14620,10 @@ class EditorPage {
             const textDeskModifier = Object.keys(NEETO_TEXT_MODIFIER_SELECTORS);
             for (const modifier of textDeskModifier) {
                 const modifierKey = modifier;
-                const textModifierSelector = this.page.getByTestId(NEETO_TEXT_MODIFIER_SELECTORS[modifierKey]);
+                const textModifierSelector = editorWrapper.getByTestId(NEETO_TEXT_MODIFIER_SELECTORS[modifierKey]);
                 if (await textModifierSelector.isVisible()) {
                     await textModifierSelector.click();
-                    await test$1.expect(this.page
+                    await test$1.expect(editorWrapper
                         .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
                         .locator(TEXT_MODIFIER_TAGS[modifierKey])).toBeVisible();
                     await textModifierSelector.click();
@@ -14616,10 +14632,10 @@ class EditorPage {
             const listModifier = Object.keys(LIST_MODIFIER_SELECTORS);
             for (const modifier of listModifier) {
                 const modifierKey = modifier;
-                const listModifierSelector = this.page.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
+                const listModifierSelector = editorWrapper.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
                 if (await listModifierSelector.isVisible()) {
                     await listModifierSelector.click();
-                    await test$1.expect(this.page
+                    await test$1.expect(editorWrapper
                         .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
                         .locator(LIST_MODIFIER_TAGS[modifierKey])).toBeVisible();
                     await listModifierSelector.click();
@@ -14634,7 +14650,7 @@ class EditorPage {
                     .getByTestId(NEETO_EDITOR_SELECTORS.addLinkDoneButton)
                     .click();
                 const linkRole = DESCRIPTION_EDITOR_TEXTS.link;
-                await test$1.expect(this.page
+                await test$1.expect(editorWrapper
                     .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
                     .getByRole(linkRole)).toBeVisible();
                 await this.page.getByTestId(NEETO_EDITOR_SELECTORS.unlinkButton).click();
@@ -14659,10 +14675,10 @@ class EditorPage {
                 await this.page
                     .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
                     .click();
+                await this.neetoPlaywrightUtilities.verifyToast({
+                    message: ATTACHMENT_DELETION_TOASTR_MESSAGE,
+                });
             }
-            await this.neetoPlaywrightUtilities.verifyToast({
-                message: ATTACHMENT_DELETION_TOASTR_MESSAGE,
-            });
             if (await this.imageUploadOption.isVisible()) {
                 await this.imageUploadOption.click();
                 const fileUploaderPromise = this.page.waitForEvent("filechooser");
@@ -14673,7 +14689,6 @@ class EditorPage {
                 const imagePath = Path__namespace.join(__dirname, filePath);
                 await fileUploader.setFiles(imagePath);
                 await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
-                await this.neetoPlaywrightUtilities.verifyToast();
                 await this.imageWrapper
                     .getByTestId(COMMON_SELECTORS.dropdownIcon)
                     .click();
@@ -14714,11 +14729,11 @@ class EditorPage {
                     message: cannedResponseSuccessMessage,
                 });
             }
-            if (await this.page
+            if (await editorWrapper
                 .getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedOption)
                 .isVisible()) {
                 await this.videoEmbedOption.click();
-                await this.videoEmbedOption.fill(videoUrl);
+                await this.videoEmbedInput.fill(videoUrl);
                 await this.page
                     .getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedSubmit)
                     .click();
@@ -14734,12 +14749,35 @@ class EditorPage {
             if (await this.emojiDropdownIcon.isVisible()) {
                 await this.emojiDropdownIcon.click();
                 await this.page
-                    .getByRole("region", {
-                    name: EMOJI_PICKER_LABEL,
-                })
-                    .getByText("👍")
+                    .getByRole("button", { name: DESCRIPTION_EDITOR_TEXTS.emoji })
                     .click();
-                await test$1.expect(this.page.getByTestId(NEETO_EDITOR_SELECTORS.contentField)).toContainText("👍");
+                await test$1.expect(this.page.getByTestId(NEETO_EDITOR_SELECTORS.emojiContainer)).toBeVisible({
+                    timeout: 10000,
+                });
+                await this.page
+                    .getByTestId(NEETO_EDITOR_SELECTORS.emojiContainer)
+                    .getByPlaceholder(DESCRIPTION_EDITOR_TEXTS.search)
+                    .fill(EMOJI_LABEL);
+                await this.page.keyboard.press("Enter");
+                await test$1.expect(editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.contentField)).toContainText("👍");
+                await this.page.keyboard.press("Escape");
+            }
+            if (dynamicVariables &&
+                (await editorWrapper
+                    .getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariablesButton)
+                    .isVisible())) {
+                for (const dynamicVariable of dynamicVariables) {
+                    await editorWrapper
+                        .getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariablesButton)
+                        .click();
+                    await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.dropdownContainer)).toBeVisible();
+                    await this.page
+                        .getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariableSelector(dynamicVariable))
+                        .click();
+                    await test$1.expect(editorWrapper
+                        .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                        .getByText(dynamicVariable)).toBeVisible();
+                }
             }
         };
         this.page = page;
@@ -14755,6 +14793,7 @@ class EditorPage {
         this.imageUploadOption = this.page.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadOption);
         this.cannedResponseOption = this.page.getByTestId(NEETO_EDITOR_SELECTORS.cannedResponseOption);
         this.videoEmbedOption = this.page.getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedOption);
+        this.videoEmbedInput = this.page.getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedInput);
         this.videoWrapperSelector = this.page.getByTestId(NEETO_EDITOR_SELECTORS.videoWrapper);
         this.emojiDropdownIcon = this.page
             .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
@@ -148623,6 +148662,37 @@ const filterUtils = {
     clearFiltersFromActionBlock,
 };
 
+const getAmountWithSymbol = (amount, options) => {
+    const formatter = new Intl.NumberFormat(dayjs__default["default"].locale(), {
+        ...options,
+    });
+    return formatter.format(Number(amount));
+};
+const currencyFormat = {
+    withAmount: (amount, options = { minimumFractionDigits: 2 }) => getAmountWithSymbol(amount, {
+        style: undefined,
+        ...options,
+    }), // 1000, { maximumFractionDigits: 1 } => 1,000.0
+    withSymbol: (amount, currency, options) => getAmountWithSymbol(amount, {
+        ...options,
+        style: "currency",
+        currency,
+    }), // 1000, "INR", { maximumFractionDigits: 0 } => ₹1,000
+    withCode: (amount, currency, options = { minimumFractionDigits: 2 }) => `${getAmountWithSymbol(amount, {
+        ...options,
+        style: undefined,
+    })} ${currency}`, // 1000, "USD" => 1,000.00 USD
+    withSymbolAndCode: (amount, currency, options) => `${getAmountWithSymbol(amount, {
+        ...options,
+        style: "currency",
+        currency,
+    })} ${currency}`, // 1000, "INR", { maximumFractionDigits: 0 } => ₹1,000 INR
+};
+const currencyUtils = {
+    getAmountWithSymbol,
+    currencyFormat,
+};
+
 var main$2 = {exports: {}};
 
 var name = "dotenv";
@@ -149263,7 +149333,7 @@ exports.CREDENTIALS = CREDENTIALS;
 exports.CustomCommands = CustomCommands;
 exports.DESCRIPTION_EDITOR_TEXTS = DESCRIPTION_EDITOR_TEXTS;
 exports.EMBED_SELECTORS = EMBED_SELECTORS;
-exports.EMOJI_PICKER_LABEL = EMOJI_PICKER_LABEL;
+exports.EMOJI_LABEL = EMOJI_LABEL;
 exports.ENVIRONMENT = ENVIRONMENT;
 exports.EXPANDED_FONT_SIZE = EXPANDED_FONT_SIZE;
 exports.EditorPage = EditorPage;
@@ -149294,11 +149364,13 @@ exports.NEETO_ROUTES = NEETO_ROUTES;
 exports.NEETO_TEXT_MODIFIER_SELECTORS = NEETO_TEXT_MODIFIER_SELECTORS;
 exports.OTP_EMAIL_PATTERN = OTP_EMAIL_PATTERN;
 exports.OrganizationPage = OrganizationPage;
+exports.PLURAL = PLURAL;
 exports.PROFILE_SECTION_SELECTORS = PROFILE_SECTION_SELECTORS;
 exports.PROJECT_TRANSLATIONS_PATH = PROJECT_TRANSLATIONS_PATH;
 exports.ROLES_SELECTORS = ROLES_SELECTORS;
 exports.ROUTES = ROUTES;
 exports.SIGNUP_SELECTORS = SIGNUP_SELECTORS;
+exports.SINGULAR = SINGULAR;
 exports.SLACK_DATA_QA_SELECTORS = SLACK_DATA_QA_SELECTORS;
 exports.SLACK_DEFAULT_CHANNEL = SLACK_DEFAULT_CHANNEL;
 exports.SLACK_SELECTORS = SLACK_SELECTORS;
@@ -149325,6 +149397,7 @@ exports.basicHTMLContent = basicHTMLContent;
 exports.clearCredentials = clearCredentials;
 exports.commands = commands;
 exports.cpuThrottlingUsingCDP = cpuThrottlingUsingCDP;
+exports.currencyUtils = currencyUtils;
 exports.decodeQRCodeFromFile = decodeQRCodeFromFile;
 exports.definePlaywrightConfig = definePlaywrightConfig;
 exports.executeWithThrottledResources = executeWithThrottledResources;