@bigbinary/neeto-playwright-commons 1.21.3 → 1.21.4

package/index.cjs.js

@@ -485,7 +485,9 @@ const NEETO_EDITOR_SELECTORS = {
     editorMenuWrapper: "neeto-editor-fixed-menu-wrapper",
     editorMediaUploaderTab: "neeto-editor-media-uploader-local-tab",
     dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${joinHyphenCase(variable)}`,
-    neetoEditorFixedMenuFontSize: 'neeto-editor-fixed-menu-font-size-option',
+    neetoEditorFixedMenuFontSize: "neeto-editor-fixed-menu-font-size-option",
+    highlightText: (textColorIndex) => `--neeto-editor-highlight-text-${textColorIndex}`,
+    highlightBg: (bgColorIndex) => `--neeto-editor-highlight-bg-${bgColorIndex}`,
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
     strike: optionSelector("strike"),
@@ -192018,7 +192020,6 @@ const EXPANDED_FONT_SIZE = {
 const TEXT_MODIFIER_TAGS = {
     underline: "u",
     strike: "s",
-    highlight: "mark",
 };
 const TEXT_MODIFIER_ROLES = {
     bold: "strong",
@@ -192041,6 +192042,7 @@ class EditorPage {
         this.imageUrl = "https://picsum.photos/200/300";
         this.videoUrl = "https://youtu.be/jNQXAC9IVRw";
         this.cannedResponseSuccessMessage = "";
+        this.highlighterCount = 1;
         this.cleanString = (selector = "") => (selector === null || selector === void 0 ? void 0 : selector.replace("neeto-editor-fixed-menu-", "").replace("-option", "")) ||
             "";
         this.fixedMenuOptions = async () => {
@@ -192133,6 +192135,57 @@ class EditorPage {
             await textModifierSelector.click();
             return [{ key: modifierKey, value: randomText }];
         };
+        this.openHighlighterContainer = (isButtonInMoreMenu) => test$1.expect(async () => {
+            isButtonInMoreMenu && (await this.moreMenuSelector.click());
+            await this.editorWrapper
+                .getByTestId(NEETO_TEXT_MODIFIER_SELECTORS["highlight"])
+                .locator("svg")
+                .click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.customDropdownContainer())).toBeVisible({ timeout: 5000 });
+        }).toPass({ timeout: 30000 });
+        this.focusText = (textLocator) => {
+            const platform = require$$0$8.platform();
+            return test$1.expect(async () => {
+                await textLocator.click();
+                platform === "darwin"
+                    ? await this.page.keyboard.press("Meta+ArrowRight")
+                    : await this.page.keyboard.press("End");
+                await test$1.expect(textLocator.locator("..")).toHaveClass(/has-focus/, {
+                    timeout: 5000,
+                });
+            }).toPass({ timeout: 20000 });
+        };
+        this.highlightText = async (isButtonInMoreMenu, colorIndex) => {
+            const randomText = await this.fillRandomText();
+            await this.openHighlighterContainer(isButtonInMoreMenu);
+            const colorPallete = this.page.getByTestId(COMMON_SELECTORS.customDropdownContainer());
+            await colorPallete
+                .locator(`[style*="(${NEETO_EDITOR_SELECTORS.highlightText(colorIndex)})"]` //TODO: Use data-cy once https://github.com/bigbinary/neeto-editor-nano/issues/784 resolves
+            )
+                .click();
+            await this.openHighlighterContainer(isButtonInMoreMenu);
+            await colorPallete
+                .locator(`[style*="(${NEETO_EDITOR_SELECTORS.highlightBg(colorIndex)})"]`) //TODO: Use data-cy once https://github.com/bigbinary/neeto-editor-nano/issues/784 resolves
+                .click();
+            const highlightedText = this.contentField.getByText(randomText);
+            await this.focusText(highlightedText);
+            const textStyle = await highlightedText.getAttribute("style");
+            test$1.expect(textStyle).toContain(NEETO_EDITOR_SELECTORS.highlightText(colorIndex));
+            test$1.expect(textStyle).toContain(NEETO_EDITOR_SELECTORS.highlightBg(colorIndex));
+            return randomText;
+        };
+        this.verifyTextHighlighter = async (isButtonInMoreMenu, highlighterCount = this.highlighterCount) => {
+            const highlightedKeyValuePairs = [];
+            for (let colorIdx = 1; colorIdx <= highlighterCount; colorIdx++) {
+                await this.moveCursorAtBottom();
+                const randomText = await this.highlightText(isButtonInMoreMenu, colorIdx);
+                highlightedKeyValuePairs.push({
+                    key: `highlight-${colorIdx}`,
+                    value: randomText,
+                });
+            }
+            return highlightedKeyValuePairs;
+        };
         this.verifyListModifiers = async (modifier, isButtonInMoreMenu) => {
             const modifierKey = modifier;
             const listModifierSelector = this.editorWrapper.getByTestId(LIST_MODIFIER_SELECTORS[modifierKey]);
@@ -192358,7 +192411,7 @@ class EditorPage {
             codeBlock: isButtonInMoreMenu => this.verifyTextModifiers("codeBlock", isButtonInMoreMenu),
             underline: isButtonInMoreMenu => this.verifyTextDeskModifier("underline", isButtonInMoreMenu),
             strike: isButtonInMoreMenu => this.verifyTextDeskModifier("strike", isButtonInMoreMenu),
-            highlight: isButtonInMoreMenu => this.verifyTextDeskModifier("highlight", isButtonInMoreMenu),
+            highlight: isButtonInMoreMenu => this.verifyTextHighlighter(isButtonInMoreMenu),
             bulletList: isButtonInMoreMenu => this.verifyListModifiers("bulletList", isButtonInMoreMenu),
             orderedList: isButtonInMoreMenu => this.verifyListModifiers("orderedList", isButtonInMoreMenu),
             link: isButtonInMoreMenu => this.verifyEditorLinkButton(this.linkUrl, isButtonInMoreMenu),
@@ -192378,7 +192431,7 @@ class EditorPage {
                 isButtonInMoreMenu,
             }),
         };
-        this.verifyDescriptionEditor = async ({ dynamicVariables, linkUrl, videoPath, filePath, imageUrl, videoUrl, cannedResponseSuccessMessage, } = {}) => {
+        this.verifyDescriptionEditor = async ({ dynamicVariables, linkUrl, videoPath, filePath, imageUrl, videoUrl, highlighterCount, cannedResponseSuccessMessage, } = {}) => {
             const fixedMenuButtons = await this.fixedMenuOptions();
             let moreMenuButtons = [];
             (await this.moreMenuSelector.isVisible()) &&
@@ -192388,6 +192441,7 @@ class EditorPage {
             this.videoPath = videoPath || this.videoPath;
             this.imageUrl = imageUrl || this.imageUrl;
             this.videoUrl = videoUrl || this.videoUrl;
+            this.highlighterCount = highlighterCount || this.highlighterCount;
             this.cannedResponseSuccessMessage = cannedResponseSuccessMessage;
             const keysAndValues = [];
             for (const button of [...fixedMenuButtons, ...moreMenuButtons]) {
@@ -192415,7 +192469,7 @@ class EditorPage {
             do {
                 randomText = faker.faker.lorem.word(10);
             } while (this.wordsUsedInEditor.includes(randomText));
-            await this.contentField.click();
+            await this.contentField.focus();
             await this.moveCursorAtBottom();
             await this.page.keyboard.type(randomText);
             this.wordsUsedInEditor.push(randomText);
@@ -193031,13 +193085,12 @@ class ApiKeysPage {
                 await this.page
                     .getByTestId(COMMON_SELECTORS.checkboxInput("never-expires"))
                     .uncheck();
-                await this.page
+                const expiryDateInput = this.page
                     .getByTestId(COMMON_SELECTORS.paneBody)
-                    .getByTestId(ADMIN_PANEL_SELECTORS.expiryDateInput)
-                    .click();
-                //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-playwright-commons/issues/602 is resolved
-                await this.page.getByLabel(DATE_TEXTS.nextYear, { exact: true }).click();
-                await this.page.getByText(expiryDate, { exact: true }).click();
+                    .getByTestId(ADMIN_PANEL_SELECTORS.expiryDateInput);
+                await expiryDateInput.click();
+                await expiryDateInput.pressSequentially(expiryDate);
+                await expiryDateInput.blur();
             }
             await this.page.getByTestId(COMMON_SELECTORS.saveChangesButton).click();
             await this.neetoPlaywrightUtilities.verifyToast();
@@ -195403,7 +195456,7 @@ const definePlaywrightConfig = (overrides) => {
             geolocation: { latitude: 18.553187, longitude: 73.948313 }, // BB Pune office
             permissions: ["geolocation"],
             launchOptions: {
-                args: ["--js-flags=--max-old-space-size=4096"],
+                args: ["--js-flags=--max-old-space-size=6144"],
             },
             ...useOverrides,
         },