@bigbinary/neeto-playwright-commons 1.10.2 → 1.10.4

package/index.cjs.js

@@ -13787,49 +13787,54 @@ const LIST_MODIFIER_TAGS = {
     orderedListOption: "ol",
 };
 
+const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
+const fixedMenuSelector = (selector) => `neeto-editor-fixed-menu-${selector}`;
+
 const NEETO_EDITOR_SELECTORS = {
-    boldOption: "neeto-editor-fixed-menu-bold-option",
-    italicOption: "neeto-editor-fixed-menu-italic-option",
-    underlineOption: "neeto-editor-fixed-menu-underline-option",
-    strikeOption: "neeto-editor-fixed-menu-strike-option",
-    codeBlockOption: "neeto-editor-fixed-menu-code-option",
-    highlightOption: "neeto-editor-fixed-menu-highlight-option",
-    linkInput: "neeto-editor-fixed-menu-link-option-input",
-    linkSubmitButton: "neeto-editor-fixed-menu-link-option-link-button",
+    boldOption: optionSelector("bold"),
+    italicOption: optionSelector("italic"),
+    underlineOption: optionSelector("underline"),
+    strikeOption: optionSelector("strike"),
+    codeBlockOption: optionSelector("code"),
+    highlightOption: optionSelector("highlight"),
+    emojiOption: optionSelector("emoji"),
+    emojiDropdownIcon: "emoji-dropdown-icon",
+    linkInput: fixedMenuSelector("link-option-input"),
+    linkSubmitButton: fixedMenuSelector("link-option-link-button"),
     commandList: (index) => `neeto-editor-command-list-item-${index}`,
     imageUploadUrlSubmitButton: "neeto-editor-media-upload-url-submit",
     imageUploadUrlInputTextField: "neeto-editor-media-upload-url-input",
     uploadInput: "neeto-editor-media-uploader-input",
-    editorMenuBarWrapper: "neeto-editor-fixed-menu-wrapper",
-    undoOption: "neeto-editor-fixed-menu-undo-option",
-    redoOption: "neeto-editor-fixed-menu-redo-option",
+    editorMenuBarWrapper: fixedMenuSelector("wrapper"),
+    undoOption: optionSelector("undo"),
+    redoOption: optionSelector("redo"),
     imageWrapper: "neeto-editor-image-wrapper",
     contentField: "neeto-editor-content",
-    addLinkButton: "neeto-editor-fixed-menu-link-option",
+    addLinkButton: optionSelector("link"),
     addLinkTextField: "neeto-editor-add-link-text-input",
     addURLTextField: "neeto-editor-add-link-url-input",
     submitLinkButton: "neeto-editor-add-link",
     fontSizeDropdown: (currentOption) => `${joinHyphenCase(currentOption)}-dropdown-icon`,
-    fixedMenuArrow: "neeto-editor-fixed-menu-arrow",
-    cannedResponseOption: "neeto-editor-fixed-menu-canned-responses-option",
+    fixedMenuArrow: fixedMenuSelector("arrow"),
+    cannedResponseOption: optionSelector("canned-responses"),
     cannedResponseSelectContainer: "select-a-canned-response-select-container",
-    fixedMenuWrapper: "neeto-editor-fixed-menu-wrapper",
-    linkOption: "neeto-editor-fixed-menu-link-option",
+    fixedMenuWrapper: optionSelector("wrapper"),
+    linkOption: optionSelector("link"),
     addLinkUrlInput: "neeto-editor-add-link-url-input",
     addLinkDoneButton: "neeto-editor-add-link",
     unlinkButton: "neeto-editor-link-popover-unlink",
-    editorAttachmentsButton: "neeto-editor-fixed-menu-attachments-option",
+    editorAttachmentsButton: optionSelector("attachments"),
     attachmentPreviewDeleteButton: "neeto-editor-preview-delete-button",
-    imageUploadOption: "neeto-editor-fixed-menu-image-upload-option",
+    imageUploadOption: optionSelector("image-upload"),
     imageUploadLinkInput: "neeto-editor-media-upload-url-input",
     imageUploadButton: "neeto-editor-media-uploader-dnd",
     imageUploadLinkSubmitButton: "neeto-editor-media-upload-url-submit",
     applyButton: "apply-button",
-    videoEmbedOption: "neeto-editor-fixed-menu-video-embed-option",
+    videoEmbedOption: optionSelector("video-embed"),
     videoEmbedInput: "neeto-editor-embed-input",
     videoEmbedSubmit: "neeto-editor-embed-cancel",
     videoWrapper: "neeto-editor-video-wrapper",
-    paragraphOption: "neeto-editor-fixed-menu-font-size-option-body2",
+    paragraphOption: fixedMenuSelector("font-size-option-body2"),
     attachmentPreview: "ne-attachments-wrapper",
     imageUploadLinkButton: "neeto-editor-media-uploader-link-tab",
     errorText: "neeto-editor-error-text",
@@ -13840,256 +13845,266 @@ const NEETO_EDITOR_SELECTORS = {
     dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${neetoCist.hyphenate(variable)}`,
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
-    strikeOption: "neeto-editor-fixed-menu-strike-option",
-    underlineOption: "neeto-editor-fixed-menu-underline-option",
-    highlightOption: "neeto-editor-fixed-menu-highlight-option",
+    strikeOption: optionSelector("strike"),
+    underlineOption: optionSelector("underline"),
+    highlightOption: optionSelector("highlight"),
 };
 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-blockquote-option",
-    codeblockOption: "neeto-editor-fixed-menu-code-block-option",
+    boldOption: optionSelector("bold"),
+    italicsOption: optionSelector("italic"),
+    codeOption: optionSelector("code"),
+    blockquoteOption: optionSelector("blockquote"),
+    codeblockOption: optionSelector("codeBlock"),
 };
 const LIST_MODIFIER_SELECTORS = {
-    bulletListOption: "neeto-editor-fixed-menu-bullet-list-option",
-    orderedListOption: "neeto-editor-fixed-menu-ordered-list-option",
+    bulletListOption: optionSelector("bulletList"),
+    orderedListOption: optionSelector("orderedList"),
 };
 const FONT_SIZE_SELECTORS = {
-    h1: "neeto-editor-fixed-menu-font-size-option-h1",
-    h2: "neeto-editor-fixed-menu-font-size-option-h2",
-    h3: "neeto-editor-fixed-menu-font-size-option-h3",
-    h4: "neeto-editor-fixed-menu-font-size-option-h4",
-    h5: "neeto-editor-fixed-menu-font-size-option-h5",
+    h1: fixedMenuSelector("font-size-option-h1"),
+    h2: fixedMenuSelector("font-size-option-h2"),
+    h3: fixedMenuSelector("font-size-option-h3"),
+    h4: fixedMenuSelector("font-size-option-h4"),
+    h5: fixedMenuSelector("font-size-option-h5"),
 };
 
-/* eslint-disable playwright/no-nth-methods */
 class EditorPage {
-    constructor(page, neetoPlaywrightUtilities) {
-        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
+    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.verifyFontSize = async (defaultFontSizeOption) => {
+            await this.editorWrapper
                 .getByTestId(NEETO_EDITOR_SELECTORS.fontSizeDropdown(defaultFontSizeOption))
                 .click();
             const fontSize = Object.keys(FONT_SIZE_SELECTORS);
             for (const font of fontSize) {
                 const fontKey = font;
-                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 editorWrapper
+                await this.editorWrapper
+                    .getByTestId(FONT_SIZE_SELECTORS[fontKey])
+                    .click();
+                await test$1.expect(this.contentField.getByRole("heading", { level: Number(font.slice(1)) })).toBeVisible();
+                await this.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(editorWrapper
-                    .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
-                    .getByRole(paragraphRole)).toBeVisible();
-            }
-            (await this.fixedMenuArrowSelector.isVisible()) &&
-                (await this.fixedMenuArrowSelector.click());
-            await editorWrapper.getByText(text).click({ clickCount: 3 });
+        };
+        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 = editorWrapper.getByTestId(TEXT_MODIFIER_SELECTORS[modifierKey]);
-                if (await textModifierSelector.isVisible()) {
+                const textModifierSelector = this.editorWrapper.getByTestId(TEXT_MODIFIER_SELECTORS[modifierKey]);
+                if (await this.assertOptionVisibility(textModifierSelector)) {
                     await textModifierSelector.click();
-                    await test$1.expect(editorWrapper
-                        .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
-                        .getByRole(textModifierRole)).toBeVisible();
+                    await test$1.expect(this.contentField.getByRole(textModifierRole)).toBeVisible();
                     await textModifierSelector.click();
                 }
             }
+        };
+        this.verifyTextDeskModifier = async () => {
             const textDeskModifier = Object.keys(NEETO_TEXT_MODIFIER_SELECTORS);
             for (const modifier of textDeskModifier) {
                 const modifierKey = modifier;
-                const textModifierSelector = editorWrapper.getByTestId(NEETO_TEXT_MODIFIER_SELECTORS[modifierKey]);
-                if (await textModifierSelector.isVisible()) {
+                const textModifierSelector = this.editorWrapper.getByTestId(NEETO_TEXT_MODIFIER_SELECTORS[modifierKey]);
+                if (await this.assertOptionVisibility(textModifierSelector)) {
                     await textModifierSelector.click();
-                    await test$1.expect(editorWrapper
-                        .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
-                        .locator(TEXT_MODIFIER_TAGS[modifierKey])).toBeVisible();
+                    await test$1.expect(this.contentField.locator(TEXT_MODIFIER_TAGS[modifierKey])).toBeVisible();
                     await textModifierSelector.click();
                 }
             }
+        };
+        this.verifyListModifiers = async () => {
             const listModifier = Object.keys(LIST_MODIFIER_SELECTORS);
             for (const modifier of listModifier) {
                 const modifierKey = modifier;
-                const listModifierSelector = editorWrapper.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
-                if (await listModifierSelector.isVisible()) {
+                const listModifierSelector = this.editorWrapper.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
+                if (await this.assertOptionVisibility(listModifierSelector)) {
                     await listModifierSelector.click();
-                    await test$1.expect(editorWrapper
-                        .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
-                        .locator(LIST_MODIFIER_TAGS[modifierKey])).toBeVisible();
+                    await test$1.expect(this.contentField.locator(LIST_MODIFIER_TAGS[modifierKey])).toBeVisible();
                     await listModifierSelector.click();
                 }
             }
-            if (await this.editorLinkButton.isVisible()) {
-                await this.editorLinkButton.click();
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.addLinkUrlInput)
-                    .fill(linkUrl);
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.addLinkDoneButton)
-                    .click();
-                const linkRole = DESCRIPTION_EDITOR_TEXTS.link;
-                await test$1.expect(editorWrapper
-                    .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
-                    .getByRole(linkRole)).toBeVisible();
-                await this.page.getByTestId(NEETO_EDITOR_SELECTORS.unlinkButton).click();
-            }
-            if (await this.editorAttachmentsButton.isVisible()) {
-                const fileUploaderPromise = this.page.waitForEvent("filechooser");
-                await this.editorAttachmentsButton.click();
-                const fileUploader = await fileUploaderPromise;
-                const imagePath = Path__namespace.join(__dirname, filePath);
-                await fileUploader.setFiles(imagePath);
-                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)
-                    .click();
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.attachmentPreviewDeleteButton)
-                    .click();
-                await this.page
-                    .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
-                    .click();
-                await this.neetoPlaywrightUtilities.verifyToast({
-                    message: ATTACHMENT_DELETION_TOASTR_MESSAGE,
-                });
-            }
-            if (await this.imageUploadOption.isVisible()) {
-                await this.imageUploadOption.click();
-                const fileUploaderPromise = this.page.waitForEvent("filechooser");
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadButton)
-                    .click();
-                const fileUploader = await fileUploaderPromise;
-                const imagePath = Path__namespace.join(__dirname, filePath);
-                await fileUploader.setFiles(imagePath);
-                await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
-                await this.imageWrapper
-                    .getByTestId(COMMON_SELECTORS.dropdownIcon)
-                    .click();
-                await this.imageUploadDeleteButton.click();
-                await test$1.expect(this.imageWrapper).toBeHidden({
-                    timeout: 15000,
-                });
-                await this.imageUploadOption.click();
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkButton)
-                    .click();
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkInput)
-                    .fill(imageUrl);
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkSubmitButton)
-                    .click();
-                await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
-                await this.imageWrapper
-                    .getByTestId(COMMON_SELECTORS.dropdownIcon)
-                    .click();
-                await this.imageUploadDeleteButton.click();
-                await test$1.expect(this.imageWrapper).toBeHidden({
-                    timeout: 15000,
-                });
-            }
-            if (await this.cannedResponseOption.isVisible()) {
-                await this.cannedResponseOption.click();
-                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneHeader)).toContainText(DESCRIPTION_EDITOR_TEXTS.cannedResponseHeader);
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.cannedResponseSelectContainer)
-                    .fill(this.t("neetoRules.labels.feedback"));
-                await this.page
-                    .getByTestId(COMMON_SELECTORS.selectOption(this.t("neetoRules.labels.feedback")))
-                    .click();
-                await this.page.getByTestId(NEETO_EDITOR_SELECTORS.applyButton).click();
-                await this.neetoPlaywrightUtilities.verifyToast({
-                    message: cannedResponseSuccessMessage,
-                });
-            }
-            if (await editorWrapper
-                .getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedOption)
-                .isVisible()) {
-                await this.videoEmbedOption.click();
-                await this.videoEmbedInput.fill(videoUrl);
-                await this.page
-                    .getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedSubmit)
-                    .click();
-                await test$1.expect(this.videoWrapperSelector).toBeVisible({ timeout: 15000 });
-                await this.videoWrapperSelector
-                    .getByTestId(COMMON_SELECTORS.dropdownIcon)
-                    .click();
-                await this.imageUploadDeleteButton.click();
-                await test$1.expect(this.videoWrapperSelector).toBeHidden({
-                    timeout: 15000,
-                });
-            }
-            if (await this.emojiDropdownIcon.isVisible()) {
-                await this.emojiDropdownIcon.click();
+        };
+        this.verifyEditorLinkButton = async (linkUrl) => {
+            await this.editorLinkButton.click();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.addLinkUrlInput)
+                .fill(linkUrl);
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.addLinkDoneButton)
+                .click();
+            const linkRole = DESCRIPTION_EDITOR_TEXTS.link;
+            await test$1.expect(this.contentField.getByRole(linkRole)).toBeVisible();
+            await this.page.getByTestId(NEETO_EDITOR_SELECTORS.unlinkButton).click();
+        };
+        this.verifyEditorAttachmentsButton = async (filePath) => {
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.editorAttachmentsButton.click();
+            const fileUploader = await fileUploaderPromise;
+            const imagePath = Path__namespace.join(__dirname, filePath);
+            await fileUploader.setFiles(imagePath);
+            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)
+                .click();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.attachmentPreviewDeleteButton)
+                .click();
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifyToast({
+                message: ATTACHMENT_DELETION_TOASTR_MESSAGE,
+            });
+        };
+        this.verifyImageUploadOption = async ({ imageUrl, filePath, }) => {
+            await this.imageUploadOption.click();
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadButton)
+                .click();
+            const fileUploader = await fileUploaderPromise;
+            const imagePath = Path__namespace.join(__dirname, filePath);
+            await fileUploader.setFiles(imagePath);
+            await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
+            await this.imageWrapper.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+            await this.imageUploadDeleteButton.click();
+            await test$1.expect(this.imageWrapper).toBeHidden({
+                timeout: 15000,
+            });
+            await this.imageUploadOption.click();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkButton)
+                .click();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkInput)
+                .fill(imageUrl);
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadLinkSubmitButton)
+                .click();
+            await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
+            await this.imageWrapper.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+            await this.imageUploadDeleteButton.click();
+            await test$1.expect(this.imageWrapper).toBeHidden({
+                timeout: 15000,
+            });
+        };
+        this.verifyCannedResponseOption = async (cannedResponseSuccessMessage) => {
+            await this.cannedResponseOption.click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneHeader)).toContainText(DESCRIPTION_EDITOR_TEXTS.cannedResponseHeader);
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.cannedResponseSelectContainer)
+                .fill(this.t("neetoRules.labels.feedback"));
+            await this.page
+                .getByTestId(COMMON_SELECTORS.selectOption(this.t("neetoRules.labels.feedback")))
+                .click();
+            await this.page.getByTestId(NEETO_EDITOR_SELECTORS.applyButton).click();
+            await this.neetoPlaywrightUtilities.verifyToast({
+                message: cannedResponseSuccessMessage,
+            });
+        };
+        this.verifyVideoEmbedOption = async (videoUrl) => {
+            await this.videoEmbedOption.click();
+            await this.videoEmbedInput.fill(videoUrl);
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedSubmit)
+                .click();
+            await test$1.expect(this.videoWrapperSelector).toBeVisible({ timeout: 15000 });
+            await this.videoWrapperSelector
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.imageUploadDeleteButton.click();
+            await test$1.expect(this.videoWrapperSelector).toBeHidden({
+                timeout: 15000,
+            });
+        };
+        this.verifyEmojiSelector = async () => {
+            await this.emojiSelector.click();
+            const emojiContainer = this.page.getByTestId(NEETO_EDITOR_SELECTORS.emojiContainer);
+            await test$1.expect(emojiContainer).toBeVisible({
+                timeout: 10000,
+            });
+            await emojiContainer
+                .getByPlaceholder(DESCRIPTION_EDITOR_TEXTS.search)
+                .fill(EMOJI_LABEL);
+            await this.page.keyboard.press("Enter");
+            await test$1.expect(this.contentField).toContainText("👍");
+            await this.page.keyboard.press("Escape");
+        };
+        this.verifyDynamicVariables = async (dynamicVariables) => {
+            for (const dynamicVariable of dynamicVariables) {
+                await this.dynamicVariablesButton.click();
+                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.dropdownContainer)).toBeVisible();
                 await this.page
-                    .getByRole("button", { name: DESCRIPTION_EDITOR_TEXTS.emoji })
+                    .getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariableSelector(dynamicVariable))
                     .click();
-                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");
+                await test$1.expect(this.contentField.getByText(dynamicVariable)).toBeVisible();
             }
-            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.verifyDescriptionEditor = async ({ text, 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, }) => {
+            await this.contentField.fill(text);
+            await this.verifyFontSize(defaultFontSizeOption);
+            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();
             }
+            (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));
         };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.t = playwrightI18nextFixture.getI18nInstance().t;
-        this.paragraphSelector = this.page.getByTestId(NEETO_EDITOR_SELECTORS.paragraphOption);
-        this.fixedMenuArrowSelector = this.page.getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuArrow);
-        this.editorLinkButton = this.page.getByTestId(NEETO_EDITOR_SELECTORS.linkOption);
-        this.attachmentPreview = this.page.getByTestId(NEETO_EDITOR_SELECTORS.attachmentPreview);
-        this.editorAttachmentsButton = this.page.getByTestId(NEETO_EDITOR_SELECTORS.editorAttachmentsButton);
-        this.imageWrapper = this.page.getByTestId(NEETO_EDITOR_SELECTORS.imageWrapper);
-        this.imageUploadDeleteButton = this.page.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadDeleteButton);
-        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.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);
+        this.editorAttachmentsButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.editorAttachmentsButton);
+        this.imageWrapper = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageWrapper);
+        this.imageUploadDeleteButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadDeleteButton);
+        this.imageUploadOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadOption);
+        this.cannedResponseOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.cannedResponseOption);
+        this.videoEmbedOption = this.editorWrapper.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)
-            .getByTestId(COMMON_SELECTORS.dropdownIcon);
+        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.contentField = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.contentField);
+        this.dynamicVariablesButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariablesButton);
     }
 }
 
@@ -14296,8 +14311,10 @@ class TeamMembers {
                     .click();
                 await this.page.getByTestId(MEMBER_SELECTORS.continueButton).click();
             }
-            await this.page.getByTestId(MEMBER_SELECTORS.submitButton).click();
-            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeHidden();
+            await test$1.expect(async () => {
+                await this.page.getByTestId(MEMBER_SELECTORS.submitButton).click();
+                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeHidden();
+            }).toPass({ timeout: 20000 });
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.neetoPlaywrightUtilities.verifyToast();
         };
@@ -14308,7 +14325,8 @@ class TeamMembers {
             });
             await this.page.getByTestId(MEMBER_SELECTORS.searchTextField).fill(email);
             await searchMembers;
-            await test$1.expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.searchTermBlock)).toContainText(email);
+            const emailSubstr = email.length > 20 ? email.substring(0, 20) : email;
+            await test$1.expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.searchTermBlock)).toContainText(emailSubstr);
             await test$1.expect(this.page.getByRole("cell", { name: email, exact: true })).toBeVisible();
             await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.tableSpinner)).toBeHidden();
         };