@bigbinary/neeto-playwright-commons 1.9.19 → 1.9.21

package/index.d.ts

@@ -1327,7 +1327,7 @@ declare class ZapierPage extends IntegrationBase {
 interface VerifyDescriptionEditorParams {
   text: string;
   linkUrl?: string;
-  fileName?: string;
+  filePath?: string;
   attachedImageName?: string;
   imageUrl?: string;
   videoUrl?: string;
@@ -1350,10 +1350,34 @@ declare class EditorPage {
   videoWrapperSelector: Locator;
   emojiDropdownIcon: Locator;
   constructor(page: Page, neetoPlaywrightUtilities: CustomCommands);
+  /**
+   *
+   * Used to verify description editor functionality
+   *
+   * text (required): The text to be filled in editor content field.
+   *
+   * linkUrl (optional): The url to be added when we select the button on the editor menu to link a url to a text. Default is faker.internet.url().
+   *
+   * filePath (optional): The file path to be added when we select the button on the editor menu to attach a file in the editor. Default is "../../../e2e/assets/images/BigBinary.png".
+   *
+   * imageUrl (optional): The url to be added when we select the button on the editor menu to upload an image in the editor. Default is https://picsum.photos/200/300.
+   *
+   * videoUrl (optional): The url to be added when we select the button on the editor menu to upload a video in the editor. Default is https://youtu.be/jNQXAC9IVRw.
+   *
+   * cannedResponseSuccessMessage (optional): The success toastr message after applying canned reesponse.
+   *
+   * @example 
+   *
+   * await editorPage.verifyDescriptionEditor({
+   *     text: t("tickets.updated_one"),
+   *     cannedResponseSuccessMessage: t("messages.successCannedResponse"),
+   * });
+   * @endexample
+  */
   verifyDescriptionEditor: ({
     text,
     linkUrl,
-    fileName,
+    filePath,
     imageUrl,
     videoUrl,
     cannedResponseSuccessMessage
@@ -2502,6 +2526,8 @@ declare const networkConditions: Record<"Slow 3G" | "Fast 3G" | "No Throttling",
  * @endexample
  * copyButton: Selector for the copy button.
  *
+ * resetButton: Selector for the reset button.
+ *
  * spinner: Selector for spinners.
  *
  * subheaderText: Selector to get the subheader text.
@@ -2638,6 +2664,7 @@ declare const COMMON_SELECTORS: {
   pane: string;
   sideBar: string;
   copyButton: string;
+  resetButton: string;
   spinner: string;
   subheaderText: string;
   alertTitle: string;
@@ -2757,6 +2784,10 @@ declare const COMMON_SELECTORS: {
  *
  * submitLinkButton: Selector for the submit link button.
  *
+ * errorText: Selector for the error text.
+ *
+ * content: Selector for the editor content.
+ *
 */
 declare const NEETO_EDITOR_SELECTORS: {
   boldOption: string;
@@ -2803,6 +2834,9 @@ declare const NEETO_EDITOR_SELECTORS: {
   paragraphOption: string;
   attachmentPreview: string;
   imageUploadLinkButton: string;
+  errorText: string;
+  content: string;
+  imageUploadDeleteButton: string;
 };
 declare const NEETO_TEXT_MODIFIER_SELECTORS: {
   strikeOption: string;

package/index.js

@@ -244,6 +244,7 @@ const COMMON_SELECTORS = {
     pane: "pane-wrapper",
     sideBar: "sidebar",
     copyButton: "copy-button",
+    resetButton: "reset-button",
     spinner: ".neeto-ui-spinner",
     subheaderText: "subheader-left",
     alertTitle: "alert-title",
@@ -14423,11 +14424,13 @@ const NEETO_EDITOR_SELECTORS = {
     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",
+    videoWrapper: "neeto-editor-video-wrapper",
     paragraphOption: "neeto-editor-fixed-menu-font-size-option-body2",
     attachmentPreview: "ne-attachments-wrapper",
     imageUploadLinkButton: "neeto-editor-media-uploader-link-tab",
+    errorText: "neeto-editor-error-text",
+    content: "editor-content",
+    imageUploadDeleteButton: "neeto-editor-image-menu-Delete",
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
     strikeOption: "neeto-editor-fixed-menu-strike-option",
@@ -14456,7 +14459,7 @@ const FONT_SIZE_SELECTORS = {
 /* eslint-disable playwright/no-nth-methods */
 class EditorPage {
     constructor(page, neetoPlaywrightUtilities) {
-        this.verifyDescriptionEditor = async ({ text, linkUrl = faker.internet.url(), fileName = "../../../e2e/assets/images/BigBinary.png", imageUrl = "https://picsum.photos/200/300", videoUrl = "https://youtu.be/jNQXAC9IVRw", cannedResponseSuccessMessage, }) => {
+        this.verifyDescriptionEditor = async ({ text, linkUrl = 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())
@@ -14537,7 +14540,7 @@ class EditorPage {
                 const fileUploaderPromise = this.page.waitForEvent("filechooser");
                 await this.editorAttachmentsButton.click();
                 const fileUploader = await fileUploaderPromise;
-                const imagePath = Path.join(__dirname, fileName);
+                const imagePath = Path.join(__dirname, filePath);
                 await fileUploader.setFiles(imagePath);
                 await this.neetoPlaywrightUtilities.interceptMultipleResponses({
                     responseUrl: ROUTES.attachment,
@@ -14564,7 +14567,7 @@ class EditorPage {
                     .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadButton)
                     .click();
                 const fileUploader = await fileUploaderPromise;
-                const imagePath = Path.join(__dirname, fileName);
+                const imagePath = Path.join(__dirname, filePath);
                 await fileUploader.setFiles(imagePath);
                 await expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
                 await this.neetoPlaywrightUtilities.verifySuccessToast();
@@ -14645,16 +14648,11 @@ class EditorPage {
         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.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);
-        // 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.videoWrapperSelector = this.page.getByTestId(NEETO_EDITOR_SELECTORS.videoWrapper);
         this.emojiDropdownIcon = this.page
             .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
             .getByTestId(COMMON_SELECTORS.dropdownIcon);