@bigbinary/neeto-playwright-commons 2.1.3 → 2.1.5

package/index.cjs.js

@@ -6266,17 +6266,14 @@ class CustomCommands {
         await test.expect(locator).toBeChecked({ checked: shouldBeChecked });
     }).toPass({ timeout: 15_000 });
     moveCursorAtBottom = async () => {
-        const platform = require$$0$5.platform();
-        if (platform === "darwin") {
-            await this.page.keyboard.press("Meta+ArrowRight");
-            await this.page.keyboard.press("Meta+ArrowDown");
-        }
-        else {
-            await this.page.keyboard.press("End");
-            await this.page.keyboard.press("PageDown");
-        }
+        const isMacOS = require$$0$5.platform() === "darwin";
+        const rightArrowKey = isMacOS ? "Meta+ArrowRight" : "End";
+        const downArrowKey = isMacOS ? "Meta+ArrowDown" : "PageDown";
+        await this.page.keyboard.press(rightArrowKey);
+        await this.page.keyboard.press(rightArrowKey);
+        await this.page.keyboard.press(downArrowKey);
         // eslint-disable-next-line playwright/no-wait-for-timeout
-        await this.page.waitForTimeout(100); // Adding some delay for DOM to react
+        await this.page.waitForTimeout(150); // Adding some delay for DOM to react
         await this.page.keyboard.press("Enter");
     };
 }
@@ -118876,7 +118873,7 @@ class HelpAndProfilePage {
                 test.expect(bodyElement).not.toHaveClass(THEMES_TEXTS.lightThemeClass),
             ]);
             await test.expect(this.page.getByTestId(COMMON_SELECTORS.dropdownContainer).filter({
-                has: this.page.getByTestId(PROFILE_SECTION_SELECTORS.myProfileButton),
+                has: this.page.getByTestId(PROFILE_SECTION_SELECTORS.profileExpandMenuBtn),
             })).toHaveScreenshot(expectedScreenshot, { maxDiffPixelRatio: 0.1 });
         });
     };
@@ -119899,7 +119896,7 @@ class EditorPage {
     calloutSelector;
     videoUploadOption;
     todoListSelector;
-    filePath = "../../../e2e/assets/images/BigBinary.png";
+    filePath = "../../../e2e/assets/images/sample.png";
     videoPath = "../../../e2e/assets/files/sample.mp4";
     linkUrl = faker.faker.internet.url();
     imageUrl = "https://picsum.photos/200/300";
@@ -119964,10 +119961,9 @@ class EditorPage {
     };
     verifyFontSize = async () => {
         const fontsAndTexts = [];
-        const fontSizeDropdownButton = this.page.getByTestId(NEETO_EDITOR_SELECTORS.neetoEditorFixedMenuFontSize);
-        await this.contentField.focus();
-        await this.contentField.press("Enter");
-        await fontSizeDropdownButton.click();
+        await this.page
+            .getByTestId(NEETO_EDITOR_SELECTORS.neetoEditorFixedMenuFontSize)
+            .click();
         const headingButtons = await this.page
             .getByTestId(COMMON_SELECTORS.dropdownContainer)
             .getByRole("button")
@@ -119989,10 +119985,7 @@ class EditorPage {
                 level: Number(headingLevel?.slice(1)),
                 name: randomText,
             })).toBeVisible();
-            fontsAndTexts.push({
-                key: fontKey,
-                value: randomText,
-            });
+            fontsAndTexts.push({ key: fontKey, value: randomText });
         }
         return fontsAndTexts;
     };
@@ -120035,18 +120028,13 @@ class EditorPage {
             .click();
         await test.expect(this.page.getByTestId(COMMON_SELECTORS.customDropdownContainer())).toBeVisible({ timeout: 5_000 });
     }).toPass({ timeout: 30_000 });
-    focusText = (textLocator) => {
-        const platform = require$$0$5.platform();
-        return test.expect(async () => {
-            await textLocator.click();
-            platform === "darwin"
-                ? await this.page.keyboard.press("Meta+ArrowRight")
-                : await this.page.keyboard.press("End");
-            await test.expect(textLocator.locator("..")).toHaveClass(/has-focus/, {
-                timeout: 5_000,
-            });
-        }).toPass({ timeout: 20_000 });
-    };
+    focusText = (textLocator) => test.expect(async () => {
+        await textLocator.click();
+        await this.page.keyboard.press(require$$0$5.platform() === "darwin" ? "Meta+ArrowRight" : "End");
+        await test.expect(textLocator.locator("..")).toHaveClass(/has-focus/, {
+            timeout: 5_000,
+        });
+    }).toPass({ timeout: 20_000 });
     highlightText = async (isButtonInMoreMenu, colorIndex) => {
         const randomText = await this.fillRandomText();
         await this.openHighlighterContainer(isButtonInMoreMenu);
@@ -120145,9 +120133,7 @@ class EditorPage {
                 .getByTestId(COMMON_SELECTORS.dropdownIcon)
                 .click();
             await this.uploadDeleteButton.click();
-            await test.expect(this.imageWrapper).toBeHidden({
-                timeout: 15_000,
-            });
+            await test.expect(this.imageWrapper).toBeHidden({ timeout: 15_000 });
         }
         return [{ key: "image-upload", value: imagePath }];
     };
@@ -120193,9 +120179,7 @@ class EditorPage {
         isButtonInMoreMenu && (await this.moreMenuSelector.click());
         await this.emojiSelector.click();
         const emojiContainer = this.page.getByTestId(NEETO_EDITOR_SELECTORS.emojiContainer);
-        await test.expect(emojiContainer).toBeVisible({
-            timeout: 10_000,
-        });
+        await test.expect(emojiContainer).toBeVisible({ timeout: 10_000 });
         await emojiContainer
             .getByPlaceholder(DESCRIPTION_EDITOR_TEXTS.search)
             .fill(EMOJI_LABEL);
@@ -120259,9 +120243,7 @@ class EditorPage {
                 .getByTestId(COMMON_SELECTORS.dropdownIcon)
                 .click();
             await this.uploadDeleteButton.click();
-            await test.expect(this.imageWrapper).toBeHidden({
-                timeout: 15_000,
-            });
+            await test.expect(this.imageWrapper).toBeHidden({ timeout: 15_000 });
         }
         return [{ key: "video-upload", value: this.videoPath }];
     };
@@ -120354,9 +120336,44 @@ class EditorPage {
         this.wordsUsedInEditor.push(randomText);
         const randomTextLocator = this.contentField.getByText(randomText);
         await randomTextLocator.scrollIntoViewIfNeeded();
-        await randomTextLocator.click({ clickCount: 3 });
+        const box = await randomTextLocator.boundingBox();
+        await randomTextLocator.click({
+            clickCount: 3,
+            ...(box && { position: { x: box.width * 0.99, y: box.height / 2 } }),
+        });
         return randomText;
     };
+    verifyDescriptionPreview = (previewLocator, keyValuePairs) => Promise.all(keyValuePairs.flatMap(({ key, value }) => {
+        const elementReplacement = {
+            bold: "strong",
+            italic: "em",
+            underline: "u",
+            link: "a",
+            strike: "s",
+            bulletList: "ul li",
+            orderedList: "ol li",
+            codeBlock: "pre",
+            emoji: "span",
+        };
+        if (key.includes("highlight")) {
+            const highlightIndex = key.split("-")[1];
+            return test.expect(previewLocator.locator(`span[style*="background-color: var(${NEETO_EDITOR_SELECTORS.highlightBg(Number(highlightIndex))})"][style*="color: var(${NEETO_EDITOR_SELECTORS.highlightText(Number(highlightIndex))})"]`, { hasText: value })).toBeVisible();
+        }
+        if (key === "todoList") {
+            return test.expect(previewLocator.locator(NEETO_EDITOR_SELECTORS.todoList, {
+                hasText: value,
+            })).toBeVisible();
+        }
+        const replacement = elementReplacement?.[key] ?? key;
+        if (value === undefined) {
+            return test.expect(
+            // eslint-disable-next-line playwright/no-nth-methods
+            previewLocator.locator(replacement).first()).toBeVisible();
+        }
+        return test.expect(previewLocator.locator(key === "image-upload"
+            ? `img[src*="sample"]`
+            : `${replacement}:has-text("${value}")`)).toBeVisible();
+    }));
     verifyDescriptionEditor = async ({ dynamicVariables, linkUrl, videoPath, filePath, imageUrl, videoUrl, highlighterCount, cannedResponseSuccessMessage, } = {}) => {
         this.linkUrl = linkUrl || this.linkUrl;
         this.filePath = filePath || this.filePath;