@bigbinary/neeto-playwright-commons 1.9.32 → 1.9.33

package/index.cjs.js

@@ -13602,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 = {
@@ -14459,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",
@@ -14467,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",
@@ -14514,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",
@@ -14540,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",
@@ -14550,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 = {
@@ -14568,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();
@@ -14610,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();
@@ -14622,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();
@@ -14640,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();
@@ -14665,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");
@@ -14679,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();
@@ -14720,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();
@@ -14740,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;
@@ -14761,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)
@@ -149300,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;