@bigbinary/neeto-playwright-commons 1.9.2 → 1.9.4

package/index.cjs.js

@@ -7,12 +7,12 @@ var child_process = require('child_process');
 var fs$d = require('fs');
 var ramda = require('ramda');
 var require$$0$2 = require('util');
+var Path = require('path');
 var faker = require('@faker-js/faker');
 var MailosaurClient = require('mailosaur');
 var dayjs = require('dayjs');
 var require$$1$1 = require('tty');
 var require$$0$3 = require('os');
-var Path = require('path');
 var Stream$4 = require('stream');
 var require$$0$4 = require('events');
 var playwrightI18nextFixture = require('playwright-i18next-fixture');
@@ -53,11 +53,12 @@ var test__default = /*#__PURE__*/_interopDefaultLegacy(test$1);
 var fs__namespace = /*#__PURE__*/_interopNamespace(fs$d);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs$d);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0$2);
+var Path__default = /*#__PURE__*/_interopDefaultLegacy(Path);
+var Path__namespace = /*#__PURE__*/_interopNamespace(Path);
 var MailosaurClient__default = /*#__PURE__*/_interopDefaultLegacy(MailosaurClient);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1$1);
 var require$$0__default$1 = /*#__PURE__*/_interopDefaultLegacy(require$$0$3);
-var Path__default = /*#__PURE__*/_interopDefaultLegacy(Path);
 var Stream__default = /*#__PURE__*/_interopDefaultLegacy(Stream$4);
 var require$$0__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$0$4);
 var http__default = /*#__PURE__*/_interopDefaultLegacy(http$1);
@@ -72,6 +73,59 @@ var require$$1__default$1 = /*#__PURE__*/_interopDefaultLegacy(require$$1$2);
 var require$$4__default = /*#__PURE__*/_interopDefaultLegacy(require$$4$1);
 var require$$3__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$3$2);
 
+const BASE_URL = "/api/v1";
+const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
+const ROUTES = {
+    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
+    neetoAuth: NEETO_AUTH_BASE_URL(),
+    loginLink: "/login",
+    profile: "/profile",
+    admin: "/admin",
+    myProfile: "/my/profile",
+    authSettings: "/settings",
+    webhooks: "/webhooks",
+    login: `${BASE_URL}/login`,
+    signup: `${BASE_URL}/signups`,
+    subdomainAvailability: `${BASE_URL}/subdomain_availability`,
+    countries: `${BASE_URL}/countries`,
+    neetoApps: `${BASE_URL}/neeto_apps`,
+    directUploads: "/direct_uploads",
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
+    attachment: `/neeto_editor${BASE_URL}/direct_uploads/attach`,
+};
+const API_ROUTES = {
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
+    integrations: {
+        zapier: {
+            api_keys: "/neeto_integrations/zapier/api_keys",
+        },
+    },
+};
+const THIRD_PARTY_ROUTES = {
+    webhooks: { site: "https://webhook.site/" },
+    slack: {
+        loginWithPassword: (workspace) => `https://${workspace}.slack.com/sign_in_with_password`,
+    },
+    zapier: {
+        login: "https://zapier.com/app/login",
+        logOut: "https://zapier.com/logout",
+        zapEditor: (zapId) => `https://zapier.com/editor/${zapId}`,
+    },
+};
+const NEETO_ROUTES = {
+    imageUploader: "/neeto_image_uploader_engine",
+};
+
 const NEETO_FILTERS_SELECTORS = {
     emailSelectContainer: "email-select-container-wrapper",
     filterPaneHeading: "neeto-filters-pane-header",
@@ -91,6 +145,34 @@ const NEETO_FILTERS_SELECTORS = {
     searchTermBlock: "neeto-filters-search-term-block",
 };
 
+const NEETO_IMAGE_UPLOADER_SELECTORS = {
+    imageUploaderWrapper: "image-uploader-wrapper",
+    browseText: "neeto-image-uploader-browse-text",
+    fileInput: "neeto-image-uploader-file-input",
+    uploadedImage: "uploaded-image",
+    uploadNewAsset: "upload-new-asset",
+    basicImageUploaderRemoveButton: "basic-image-uploader-remove-button",
+    removeButton: "image-uploader-remove-button",
+    openImageLibraryButton: "image-uploader-open-image-library-button",
+    openAssetLibraryButton: "open-asset-library-button",
+    imageEditorBackButton: "image-editor-back-button",
+    aspectRatioWidthInput: "aspect-ratio-width-input",
+    aspectRatioHeightInput: "aspect-ratio-height-input",
+    cropSubmitButton: "neeto-image-uploader-crop-submit-button",
+    restrictionMessage: "neeto-image-uploader-restriction-message",
+    progressBar: "neeto-image-uploader-progress-bar",
+    myImagesTab: "neeto-image-uploader-my-images-tab",
+    unsplashTab: "neeto-image-uploader-unsplash-tab",
+    nthLibraryImage: (index) => `niu-library-image-${index}`,
+    nthUnsplashImage: (index) => `niu-unsplash-image-${index}`,
+    unsplashSearchInput: "niu-unsplash-image-picker-search-input",
+    imageEditorUploadedImage: "image-editor-uploaded-image",
+    selectOriginalImageSwitch: "select-original-image-switch",
+    lockAspectRatioSwitch: "lock-aspect-ratio-switch",
+    widthInputField: "width-input-field",
+    heightInputField: "height-input-field",
+};
+
 const ENVIRONMENT = {
     development: "development",
     staging: "staging",
@@ -2550,6 +2632,12 @@ var lib$7 = {
 
 var qs$1 = /*@__PURE__*/getDefaultExportFromCjs(lib$7);
 
+const getImagePathAndName = (localImagePath) => {
+    const imagePath = Path__default["default"].join(__dirname, localImagePath);
+    const imageName = Path__default["default"].basename(localImagePath, Path__default["default"].extname(localImagePath));
+    return { imagePath, imageName };
+};
+
 class CustomCommands {
     constructor(page, request, baseURL = process.env.BASE_URL) {
         this.interceptMultipleResponses = ({ responseUrl = "", responseStatus = 200, times = 1, baseUrl, customPageContext, timeout = 35000, } = {}) => {
@@ -2664,6 +2752,20 @@ class CustomCommands {
                 await test$1.expect(this.page.getByTestId(countSelector)).toContainText(countText);
             }).toPass({ timeout: 15000 });
         };
+        this.uploadImage = async (localImagePath) => {
+            const { imageName, imagePath } = getImagePathAndName(localImagePath);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.browseText)
+                .click();
+            const uploadFile = this.interceptMultipleResponses({
+                responseUrl: ROUTES.directUploads,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.fileInput)
+                .setInputFiles(imagePath);
+            await uploadFile;
+            await test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -12594,54 +12696,6 @@ class EmbedBase {
     }
 }
 
-const BASE_URL = "/api/v1";
-const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
-const ROUTES = {
-    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
-    neetoAuth: NEETO_AUTH_BASE_URL(),
-    loginLink: "/login",
-    profile: "/profile",
-    admin: "/admin",
-    myProfile: "/my/profile",
-    authSettings: "/settings",
-    webhooks: "/webhooks",
-    login: `${BASE_URL}/login`,
-    signup: `${BASE_URL}/signups`,
-    subdomainAvailability: `${BASE_URL}/subdomain_availability`,
-    countries: `${BASE_URL}/countries`,
-    neetoApps: `${BASE_URL}/neeto_apps`,
-    teamMembers: {
-        all: "/team_members*/**",
-        bulkUpdate: "/team_members/teams/bulk_update",
-        index: "/team_members/teams",
-        show: (id) => `/team_members/teams/${id}`,
-    },
-};
-const API_ROUTES = {
-    teamMembers: {
-        all: "/team_members*/**",
-        bulkUpdate: "/team_members/teams/bulk_update",
-        index: "/team_members/teams",
-        show: (id) => `/team_members/teams/${id}`,
-    },
-    integrations: {
-        zapier: {
-            api_keys: "/neeto_integrations/zapier/api_keys",
-        },
-    },
-};
-const THIRD_PARTY_ROUTES = {
-    webhooks: { site: "https://webhook.site/" },
-    slack: {
-        loginWithPassword: (workspace) => `https://${workspace}.slack.com/sign_in_with_password`,
-    },
-    zapier: {
-        login: "https://zapier.com/app/login",
-        logOut: "https://zapier.com/logout",
-        zapEditor: (zapId) => `https://zapier.com/editor/${zapId}`,
-    },
-};
-
 const CHAT_WIDGET_TEXTS = {
     newConversation: "New Conversation",
     welcomeChatBubble: "Hi! I'm here to assist you with any questions you may have. What can I do for you?",
@@ -12690,6 +12744,8 @@ 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 ATTACHMENT_DELETION_TOASTR_MESSAGE = "Attachment has been successfully deleted.";
 
 const HELP_CENTER_SELECTORS = {
     helpButton: "help-button",
@@ -13526,6 +13582,463 @@ class ZapierPage extends IntegrationBase {
     }
 }
 
+const DESCRIPTION_EDITOR_TEXTS = {
+    fontSize: "Font size",
+    paragraph: "Paragraph",
+    pasteLink: "Paste the link here...",
+    invalidURLError: "Please enter a valid URL",
+    pasteURL: "Paste URL",
+    delete: "Delete",
+    linkTag: "a",
+    link: "Link",
+    cannedResponseHeader: "Canned responses",
+    paragraphOption: "paragraph",
+};
+const EXPANDED_FONT_SIZE = {
+    h1: "Heading 1",
+    h2: "Heading 2",
+    h3: "Heading 3",
+    h4: "Heading 4",
+    h5: "Heading 5",
+};
+const TEXT_MODIFIER_TAGS = {
+    underlineOption: "u",
+    strikeOption: "s",
+    highlightOption: "mark",
+};
+const TEXT_MODIFIER_ROLES = {
+    boldOption: "strong",
+    italicsOption: "emphasis",
+    blockquoteOption: "blockquote",
+    codeblockOption: "code",
+    codeOption: "code",
+};
+const LIST_MODIFIER_TAGS = {
+    bulletListOption: "ul",
+    orderedListOption: "ol",
+};
+
+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",
+    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",
+    imageWrapper: "neeto-editor-image-wrapper",
+    contentField: "neeto-editor-content",
+    addLinkButton: "neeto-editor-fixed-menu-link-option",
+    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`,
+    fixedMenuArrow: "neeto-editor-fixed-menu-arrow",
+    cannedResponseOption: "neeto-editor-fixed-menu-canned-responses-option",
+    cannedResponseSelectContainer: "select-a-canned-response-select-container",
+    fixedMenuWrapper: "neeto-editor-fixed-menu-wrapper",
+    linkOption: "neeto-editor-fixed-menu-link-option",
+    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",
+    attachmentPreviewDeleteButton: "neeto-editor-preview-delete-button",
+    imageUploadOption: "neeto-editor-fixed-menu-image-upload-option",
+    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",
+    videoEmbedInput: "neeto-editor-embed-input",
+    videoEmbedSubmit: "neeto-editor-embed-cancel",
+    // TODO: Fix the selector after the issue is resolved: https://github.com/bigbinary/neeto-editor/issues/1047
+    videoWrapper: ".neeto-editor__video-wrapper",
+    paragraphOption: "neeto-editor-fixed-menu-font-size-option-body2",
+    attachmentPreview: "ne-attachments-wrapper",
+};
+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",
+};
+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",
+    codeblockOption: "neeto-editor-fixed-menu-code-block-option",
+};
+const LIST_MODIFIER_SELECTORS = {
+    bulletListOption: "neeto-editor-fixed-menu-bullet-list-option",
+    orderedListOption: "neeto-editor-fixed-menu-ordered-list-option",
+};
+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",
+};
+
+/* eslint-disable playwright/no-nth-methods */
+class EditorPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.verifyDescriptionEditor = async ({ text, linkUrl = faker.faker.internet.url(), fileName = "../../../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())
+                .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
+                    .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                    .getByRole("heading", { level: Number(font.slice(1)) })).toBeVisible();
+                await this.page
+                    .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
+                    .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                    .getByRole(paragraphRole)).toBeVisible();
+            }
+            (await this.fixedMenuArrowSelector.isVisible()) &&
+                (await this.fixedMenuArrowSelector.click());
+            await this.page.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]);
+                if (await textModifierSelector.isVisible()) {
+                    await textModifierSelector.click();
+                    await test$1.expect(this.page
+                        .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                        .getByRole(textModifierRole)).toBeVisible();
+                    await textModifierSelector.click();
+                }
+            }
+            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]);
+                if (await textModifierSelector.isVisible()) {
+                    await textModifierSelector.click();
+                    await test$1.expect(this.page
+                        .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                        .locator(TEXT_MODIFIER_TAGS[modifierKey])).toBeVisible();
+                    await textModifierSelector.click();
+                }
+            }
+            const listModifier = Object.keys(LIST_MODIFIER_SELECTORS);
+            for (const modifier of listModifier) {
+                const modifierKey = modifier;
+                const listModifierSelector = this.page.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
+                if (await listModifierSelector.isVisible()) {
+                    await listModifierSelector.click();
+                    await test$1.expect(this.page
+                        .getByTestId(NEETO_EDITOR_SELECTORS.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(this.page
+                    .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, fileName);
+                await fileUploader.setFiles(imagePath);
+                await this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                    responseUrl: ROUTES.attachment,
+                });
+                await this.neetoPlaywrightUtilities.verifySuccessToast();
+                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.verifySuccessToast({
+                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, fileName);
+                await fileUploader.setFiles(imagePath);
+                await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
+                await this.neetoPlaywrightUtilities.verifySuccessToast();
+                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();
+                // TODO: Fix the selector after the issue is resolved: https://github.com/bigbinary/neeto-editor/issues/1048
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.tabItem)
+                    .getByText(DESCRIPTION_EDITOR_TEXTS.link)
+                    .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.verifySuccessToast({
+                    message: cannedResponseSuccessMessage,
+                });
+            }
+            if (await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedOption)
+                .isVisible()) {
+                await this.videoEmbedOption.click();
+                await this.videoEmbedOption.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();
+                await this.page
+                    .getByRole("region", {
+                    name: EMOJI_PICKER_LABEL,
+                })
+                    .getByText("👍")
+                    .click();
+                await test$1.expect(this.page.getByTestId(NEETO_EDITOR_SELECTORS.contentField)).toContainText("👍");
+            }
+        };
+        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);
+        // TODO: Fix the selector after the issue is resolved: https://github.com/bigbinary/neeto-editor/issues/1047
+        this.imageUploadDeleteButton = this.page
+            .getByTestId(COMMON_SELECTORS.dropdownContainer)
+            .getByRole("button")
+            .nth(3);
+        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);
+        // TODO: Fix the selector after the issue is resolved: https://github.com/bigbinary/neeto-editor/issues/1047
+        this.videoWrapperSelector = this.page.locator(NEETO_EDITOR_SELECTORS.videoWrapper);
+        this.emojiDropdownIcon = this.page
+            .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
+            .getByTestId(COMMON_SELECTORS.dropdownIcon);
+    }
+}
+
+class ImageUploader {
+    constructor({ page, neetoPlaywrightUtilities, }) {
+        this.submitCroppedImage = async () => {
+            const cropImage = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: ROUTES.directUploads,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.cropSubmitButton)
+                .click();
+            await cropImage;
+        };
+        this.removeImage = async () => {
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.imageUploaderWrapper)
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.removeButton)
+                .click();
+            await test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toBeHidden();
+        };
+        this.openImageLibrary = async () => {
+            const fetchImages = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: NEETO_ROUTES.imageUploader,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.openAssetLibraryButton)
+                .click();
+            await fetchImages;
+        };
+        this.cropImage = async ({ toggleAspectRatioLock = false, width = "100", height = "100", aspectRatioHeight = "9", aspectRatioWidth = "16", } = {}) => {
+            toggleAspectRatioLock &&
+                (await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.lockAspectRatioSwitch)
+                    .click());
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.aspectRatioHeightInput)
+                .fill(aspectRatioHeight);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.aspectRatioWidthInput)
+                .fill(aspectRatioWidth);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.widthInputField)
+                .fill(width);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.heightInputField)
+                .fill(height);
+        };
+        this.uploadNewImageFromLibrary = async ({ localImagePath, toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", }) => {
+            await this.openImageLibrary();
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadNewAsset)
+                .click();
+            const fileUploader = await fileUploaderPromise;
+            const { imagePath, imageName } = getImagePathAndName(localImagePath);
+            await fileUploader.setFiles(imagePath);
+            await test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.imageEditorUploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.selectImageFromWeb = async ({ nthImage = 0, searchTerm = "", toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", } = {}) => {
+            await this.openImageLibrary();
+            const switchImageTab = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: NEETO_ROUTES.imageUploader,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashTab)
+                .click();
+            await switchImageTab;
+            if (neetoCist.isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthUnsplashImage(nthImage))
+                .click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.selectImageFromLibrary = async ({ nthImage = 0, searchTerm = "", toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", } = {}) => {
+            await this.openImageLibrary();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            if (neetoCist.isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthLibraryImage(nthImage))
+                .click();
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+    }
+}
+
 const LOGIN_SELECTORS = {
     appleAuthenticationButton: "apple-authentication-button",
     emailTextField: "login-email-text-field",
@@ -13830,30 +14343,6 @@ const networkConditions = {
     },
 };
 
-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",
-    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",
-    imageWrapper: "neeto-editor-image-wrapper",
-    contentField: "neeto-editor-content",
-    addLinkButton: "neeto-editor-fixed-menu-link-option",
-    addLinkTextField: "neeto-editor-add-link-text-input",
-    addURLTextField: "neeto-editor-add-link-url-input",
-    submitLinkButton: "neeto-editor-add-link",
-};
-
 const MEMBER_SELECTORS = {
     membersTab: "members-nav-tab",
     newButton: "ntm-add-member-button",
@@ -147532,6 +148021,7 @@ 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;
@@ -147539,17 +148029,25 @@ exports.CHAT_WIDGET_TEXTS = CHAT_WIDGET_TEXTS;
 exports.COMMON_SELECTORS = COMMON_SELECTORS;
 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.ENVIRONMENT = ENVIRONMENT;
+exports.EXPANDED_FONT_SIZE = EXPANDED_FONT_SIZE;
+exports.EditorPage = EditorPage;
 exports.EmbedBase = EmbedBase;
+exports.FONT_SIZE_SELECTORS = FONT_SIZE_SELECTORS;
 exports.GLOBAL_TRANSLATIONS_PATTERN = GLOBAL_TRANSLATIONS_PATTERN;
 exports.HELP_CENTER_SELECTORS = HELP_CENTER_SELECTORS;
 exports.HelpAndProfilePage = HelpAndProfilePage;
 exports.INTEGRATIONS_TEXTS = INTEGRATIONS_TEXTS;
 exports.INTEGRATION_SELECTORS = INTEGRATION_SELECTORS;
 exports.IS_STAGING_ENV = IS_STAGING_ENV;
+exports.ImageUploader = ImageUploader;
 exports.IntegrationBase = IntegrationBase;
 exports.KEYBOARD_SHORTCUTS_SELECTORS = KEYBOARD_SHORTCUTS_SELECTORS;
+exports.LIST_MODIFIER_SELECTORS = LIST_MODIFIER_SELECTORS;
+exports.LIST_MODIFIER_TAGS = LIST_MODIFIER_TAGS;
 exports.LOGIN_SELECTORS = LOGIN_SELECTORS;
 exports.MEMBER_FORM_SELECTORS = MEMBER_FORM_SELECTORS;
 exports.MEMBER_SELECTORS = MEMBER_SELECTORS;
@@ -147559,6 +148057,9 @@ exports.MailosaurUtils = MailosaurUtils;
 exports.NEETO_AUTH_BASE_URL = NEETO_AUTH_BASE_URL;
 exports.NEETO_EDITOR_SELECTORS = NEETO_EDITOR_SELECTORS;
 exports.NEETO_FILTERS_SELECTORS = NEETO_FILTERS_SELECTORS;
+exports.NEETO_IMAGE_UPLOADER_SELECTORS = NEETO_IMAGE_UPLOADER_SELECTORS;
+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.PROFILE_SECTION_SELECTORS = PROFILE_SECTION_SELECTORS;
@@ -147574,6 +148075,9 @@ exports.STORAGE_STATE = STORAGE_STATE;
 exports.SidebarSection = SidebarSection;
 exports.SlackPage = SlackPage;
 exports.TAGS_SELECTORS = TAGS_SELECTORS;
+exports.TEXT_MODIFIER_ROLES = TEXT_MODIFIER_ROLES;
+exports.TEXT_MODIFIER_SELECTORS = TEXT_MODIFIER_SELECTORS;
+exports.TEXT_MODIFIER_TAGS = TEXT_MODIFIER_TAGS;
 exports.THIRD_PARTY_ROUTES = THIRD_PARTY_ROUTES;
 exports.TOASTR_MESSAGES = TOASTR_MESSAGES;
 exports.USER_AGENTS = USER_AGENTS;
@@ -147596,6 +148100,7 @@ exports.generateRandomBypassEmail = generateRandomBypassEmail;
 exports.generateStagingData = generateStagingData;
 exports.getByDataQA = getByDataQA;
 exports.getGlobalUserState = getGlobalUserState;
+exports.getImagePathAndName = getImagePathAndName;
 exports.headerUtils = headerUtils;
 exports.hexToRGB = hexToRGB;
 exports.hyphenize = hyphenize;