@bigbinary/neeto-playwright-commons 1.21.2 → 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"),
@@ -188841,12 +188843,12 @@ const ROUTES = {
     dashboard: "/dashboard",
     neetoThankYou: "/neeto_thank_you_engine",
     adminPanel: {
-        roles: "/admin/admin-panel/roles",
-        index: "/admin/admin-panel",
-        auditLogs: "/admin/admin-panel/audit-logs",
-        apiKeys: "/admin/admin-panel/apiKeys",
-        customDomain: "/admin/admin-panel/custom-domain",
-        ipRestriction: "/admin/admin-panel/ip-restriction",
+        roles: "/admin/general/admin-panel/roles",
+        index: "/admin/general/admin-panel",
+        auditLogs: "/admin/admin-panel/general/audit-logs",
+        apiKeys: "/admin/admin-panel/general/apiKeys",
+        customDomain: "/admin/admin-panel/general/custom-domain",
+        ipRestriction: "/admin/admin-panel/general/ip-restriction",
     },
 };
 const API_ROUTES = {
@@ -191401,14 +191403,15 @@ class SlackPage extends IntegrationBase {
             const loginButton = this.page.getByRole("button", {
                 name: this.t("neetoSlack.slack.connect.loginButton"),
             });
+            const allowButton = this.page.getByRole("button", {
+                name: SLACK_WEB_TEXTS.allow,
+            });
             if (await loginButton.isVisible()) {
                 await loginButton.click({ delay: 5000 });
                 await this.page.waitForURL(RegExp("(.*)slack.com/.*"));
             }
-            const allowButton = this.page.getByRole("button", {
-                name: SLACK_WEB_TEXTS.allow,
-            });
-            await test$1.expect(allowButton).toBeEnabled({ timeout: 30000 });
+            await this.page.waitForLoadState("domcontentloaded", { timeout: 25000 });
+            await test$1.expect(allowButton).toBeEnabled({ timeout: 45000 });
             const currentWorkspace = (await this.page
                 .locator(SLACK_SELECTORS.teamPicketButtonContent)
                 .textContent()) || "";
@@ -191485,6 +191488,7 @@ class SlackPage extends IntegrationBase {
                 ramda.isNotNil(slackLoginPassword) &&
                 ramda.isNotNil(slackLoginEmail)) {
                 await slackWebappPage.goto(THIRD_PARTY_ROUTES.slack.loginWithPassword(slackWorkspace), { timeout: 20000 });
+                await slackWebappPage.waitForLoadState("load", { timeout: 25000 });
                 await slackWebappPage
                     .locator(SLACK_SELECTORS.loginEmail)
                     .pressSequentially(slackLoginEmail, { delay: 10 });
@@ -191492,6 +191496,9 @@ class SlackPage extends IntegrationBase {
                     .locator(SLACK_SELECTORS.loginPassword)
                     .pressSequentially(slackLoginPassword, { delay: 10 });
                 await slackWebappPage.locator(SLACK_SELECTORS.signInButton).click();
+                await slackWebappPage.waitForLoadState("domcontentloaded", {
+                    timeout: 25000,
+                });
                 const redirectOpenInBrowser = slackWebappPage.locator(SLACK_SELECTORS.redirectOpenInBrowser);
                 await test$1.expect(redirectOpenInBrowser).toBeVisible({ timeout: 25000 });
                 await redirectOpenInBrowser.click();
@@ -192013,7 +192020,6 @@ const EXPANDED_FONT_SIZE = {
 const TEXT_MODIFIER_TAGS = {
     underline: "u",
     strike: "s",
-    highlight: "mark",
 };
 const TEXT_MODIFIER_ROLES = {
     bold: "strong",
@@ -192036,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 () => {
@@ -192128,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]);
@@ -192353,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),
@@ -192373,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()) &&
@@ -192383,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]) {
@@ -192410,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);
@@ -193026,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();
@@ -193110,44 +193168,7 @@ class AuditLogsPage {
 }
 
 class CustomDomainPage {
-    constructor(page, neetoPlaywrightUtilities, browser // Made optional to avoid breaking changes during the compliance release
-    ) {
-        this.addCustomDomainViaUI = async (domainName) => {
-            const addCustomDomainButton = this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.addCustomDomainButton);
-            await test$1.expect(addCustomDomainButton).toBeVisible();
-            (await addCustomDomainButton.isDisabled()) &&
-                (await this.deleteCustomDomainViaUI());
-            await addCustomDomainButton.click();
-            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeVisible();
-            await this.page
-                .getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainInputField)
-                .fill(domainName);
-            await this.page
-                .getByTestId(CUSTOM_DOMAIN_SELECTORS.submitCustomDomainButton)
-                .click();
-            await Promise.all([
-                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody).getByText(domainName)).toBeVisible(),
-                test$1.expect(this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainValidateButton)).toBeVisible(),
-            ]);
-            await this.page.getByTestId(COMMON_SELECTORS.paneModalCrossIcon).click();
-            await Promise.all([
-                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeHidden(),
-                test$1.expect(addCustomDomainButton).toBeDisabled(),
-                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.pendingTagContainer)).toBeVisible(),
-            ]);
-        };
-        this.deleteCustomDomainViaUI = async () => {
-            await this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.dropdownButton).click();
-            await this.page
-                .getByTestId(CUSTOM_DOMAIN_SELECTORS.deleteCustomDomainButton)
-                .click();
-            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.alertTitle)).toHaveText(this.t("neetoCustomDomains.delete"));
-            await this.page
-                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
-                .click();
-            await this.neetoPlaywrightUtilities.verifyToast();
-            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.noDataTitle)).toBeVisible();
-        };
+    constructor({ browser, page, neetoPlaywrightUtilities, product, }) {
         this.getCustomDomain = (newSubdomain) => {
             const { subdomainName } = getGlobalUserState();
             this.subdomain = newSubdomain !== null && newSubdomain !== void 0 ? newSubdomain : subdomainName;
@@ -193173,6 +193194,7 @@ class CustomDomainPage {
             await test$1.expect(async () => {
                 await validateButton.click();
                 await this.neetoPlaywrightUtilities.verifyToast({
+                    timeout: 15000,
                     message: this.t("neetoCustomDomains.validation.successMessage"),
                 });
             }).toPass({ timeout: 60000 });
@@ -193180,13 +193202,14 @@ class CustomDomainPage {
             await test$1.expect(this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.activeTagContainer)).toBeVisible();
         };
         this.loginToCustomDomain = async () => {
-            void this.page.close();
+            await this.page.close();
             const loginPage = this.loginPage;
             const { email } = getGlobalUserState();
             const loginUrl = `${this.baseURL}${ROUTES.admin}`;
             const playwrightUtils = new CustomCommands(loginPage, loginPage.request);
             const organizationPage = new OrganizationPage(loginPage, playwrightUtils);
             await loginPage.goto(loginUrl);
+            await playwrightUtils.waitForPageLoad();
             await organizationPage.loginViaSSO(email);
             await test$1.expect(loginPage).toHaveURL(RegExp(loginUrl), { timeout: 15000 });
             await playwrightUtils.waitForPageLoad();
@@ -193211,21 +193234,22 @@ class CustomDomainPage {
             updateCredentials({ key: "baseUrl", value: this.baseURL });
             updateCredentials({ key: "domain", value: CUSTOM_DOMAIN_SUFFIX });
         };
-        this.setupCustomDomain = async (product) => {
+        this.setupCustomDomain = async () => {
             if (shouldSkipCustomDomainSetup())
                 return;
-            await this.connectCustomDomain(product);
+            await this.connectCustomDomain();
             const context = await this.browser.newContext(EMPTY_STORAGE_STATE);
             this.loginPage = await context.newPage();
             await this.loginToCustomDomain();
             await this.saveCustomDomainState();
         };
-        this.connectCustomDomain = async (product, subdomain) => {
+        this.connectCustomDomain = async (subdomain) => {
             if (shouldSkipCustomDomainSetup())
                 return;
-            const baseURL = baseURLGenerator(product, subdomain);
+            const baseURL = baseURLGenerator(this.product, subdomain);
             const domain = this.getCustomDomain(subdomain);
             this.baseURL = `https://${domain}`;
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.page.goto(`${baseURL}${ROUTES.adminPanel.customDomain}`);
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.addCustomDomain(domain);
@@ -193233,10 +193257,11 @@ class CustomDomainPage {
             process.env.BASE_URL = this.baseURL;
             await this.waitForTrustedSSL();
         };
-        this.disconnectCustomDomain = async (product, subdomain) => {
+        this.disconnectCustomDomain = async () => {
             if (shouldSkipCustomDomainSetup())
                 return;
-            const baseURL = baseURLGenerator(product, subdomain);
+            const baseURL = baseURLGenerator(this.product, this.subdomain);
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.page.goto(`${baseURL}${ROUTES.adminPanel.customDomain}`);
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.dropdownButton).click();
@@ -193250,10 +193275,11 @@ class CustomDomainPage {
             await this.neetoPlaywrightUtilities.verifyToast();
             await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.noDataTitle)).toBeVisible();
         };
-        this.browser = browser;
         this.page = page;
-        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.browser = browser;
+        this.product = product;
         this.t = playwrightI18nextFixture.getI18nInstance().t;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
     }
 }
 
@@ -195430,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,
         },
@@ -195482,7 +195508,7 @@ exports.CREDENTIALS = CREDENTIALS;
 exports.CUSTOM_DOMAIN_SELECTORS = CUSTOM_DOMAIN_SELECTORS;
 exports.CUSTOM_DOMAIN_SUFFIX = CUSTOM_DOMAIN_SUFFIX;
 exports.CustomCommands = CustomCommands;
-exports.CustomDomainsPage = CustomDomainPage;
+exports.CustomDomainPage = CustomDomainPage;
 exports.DATE_PICKER_SELECTORS = DATE_PICKER_SELECTORS;
 exports.DATE_TEXTS = DATE_TEXTS;
 exports.DESCRIPTION_EDITOR_TEXTS = DESCRIPTION_EDITOR_TEXTS;