@bigbinary/neeto-playwright-commons 1.27.0 → 1.27.2

package/index.cjs.js

@@ -542,6 +542,14 @@ class SlackApi {
         this.fetchMessages = (channelId, unixTimestamp) => this.apiRequest("history", { channel: channelId, oldest: unixTimestamp });
         this.createChannel = (channelName) => this.apiRequest("create", { name: channelName });
         this.addUser = (channelId, userId) => this.apiRequest("invite", { channel: channelId, users: userId });
+        this.mockChannelDeleted = (channelId) => this.neetoPlaywrightUtilities.apiRequest({
+            url: "/neeto_slack/api/v1/testing/webhooks",
+            method: "post",
+            data: neetoCist.keysToSnakeCase({
+                eventType: "channel_deleted",
+                notificationChannelId: channelId,
+            }),
+        });
         if (!process.env.SLACK_BOT_TOKEN) {
             throw new Error("SLACK_BOT_TOKEN is not set");
         }
@@ -5046,7 +5054,6 @@ const generateStagingData = (product = "invoice") => {
     };
 };
 
-/* eslint-disable playwright/no-skipped-test */
 const execCommand = (command) => child_process.execSync(command)
     .toString("utf-8")
     .replace(/[\n\r\s]+$/, "");
@@ -5211,7 +5218,7 @@ const globalShortcuts = (t) => [
     },
     {
         description: t("neetoMolecules.keyboardShortcuts.global.openProductSwitcher"),
-        sequence: "ctrl+e",
+        sequence: "ctrl+u",
     },
 ];
 const generatePhoneNumber = () => `${"+91"} 9${faker.faker.string.numeric(4)} ${faker.faker.string.numeric(5)}`;
@@ -5377,8 +5384,9 @@ const NEETO_FILTERS_SELECTORS = {
 };
 
 const HELP_CENTER_SELECTORS = {
+    helpMenuBtn: "help-menu-button",
     helpButton: "help-button",
-    documentationButton: "help-link-help-center-button",
+    documentationButton: "help-link-help-articles-button",
     keyboardShortcutButton: "help-link-keyboard-shortcut-button",
     chatButton: "help-link-live-chat-button",
     whatsNewButton: "help-link-engage-button",
@@ -114416,29 +114424,21 @@ const THEMES_TEXTS = {
 
 class HelpAndProfilePage {
     constructor({ page, neetoPlaywrightUtilities, chatApiBaseURL, kbDocsBaseURL, changelogBaseURL, }) {
-        this.hoverOnBody = () => this.page.locator("body").hover({ timeout: 10000 });
         this.openHelpCenter = async () => {
+            const floatingActionMenuBtn = this.page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton);
             await test.expect(async () => {
-                await this.hoverOnBody();
-                const floatingActionMenuButton = this.page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton);
-                await floatingActionMenuButton.scrollIntoViewIfNeeded();
-                await floatingActionMenuButton.hover();
-                await test.expect(this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton)).toBeVisible();
+                await floatingActionMenuBtn.scrollIntoViewIfNeeded();
+                await floatingActionMenuBtn.hover();
+                await test.expect(this.page.getByTestId(HELP_CENTER_SELECTORS.whatsNewButton)).toBeVisible();
             }).toPass({ timeout: 60000 });
         };
-        this.openLiveChatAndVerify = async (widgetVisibilityTimeout = 10000) => {
-            await test.expect(async () => {
-                await this.openHelpCenter();
-                await this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton).click();
-                await test.expect(this.neetoChatWidget).toBeVisible({
-                    timeout: widgetVisibilityTimeout,
-                });
-                await test.expect(this.neetoChatSpinner).toBeHidden({ timeout: 20 * 1000 });
-                await test.expect(this.neetoChatWidget).toBeVisible({
-                    timeout: widgetVisibilityTimeout,
-                });
-            }).toPass({ timeout: 35000 + widgetVisibilityTimeout * 2 });
-        };
+        this.openLiveChatAndVerify = () => test.expect(async () => {
+            await this.openHelpCenter();
+            await this.page.getByTestId(HELP_CENTER_SELECTORS.helpMenuBtn).click();
+            await this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton).click();
+            await test.expect(this.neetoChatSpinner).toBeHidden({ timeout: 20000 });
+            await test.expect(this.neetoChatWidget).toBeVisible({ timeout: 10000 });
+        }).toPass({ timeout: 60000 });
         /**
          * @deprecated This method is deprecated. Use openAndVerifyChatWidget instead.
          */
@@ -114458,7 +114458,7 @@ class HelpAndProfilePage {
         this.openAndVerifyChatWidget = async () => {
             await this.page.reload();
             await this.neetoPlaywrightUtilities.waitForPageLoad();
-            await test.test.step("1: Open live chat and verify iframe", () => this.openLiveChatAndVerify());
+            await test.test.step("1: Open live chat", this.openLiveChatAndVerify);
             await test.test.step("2: Close and reopen live chat frame", async () => {
                 await this.page.getByTestId(CHAT_WIDGET_SELECTORS.closeChat).click();
                 await test.expect(this.neetoChatWidget).toBeHidden({ timeout: 35000 });
@@ -114487,6 +114487,7 @@ class HelpAndProfilePage {
         this.openAndVerifyHelpArticles = async () => {
             await test.test.step("1: Open Help Center links", this.openHelpCenter);
             await test.test.step("2: Open and verify help articles link", async () => {
+                await this.page.getByTestId(HELP_CENTER_SELECTORS.helpMenuBtn).click();
                 const helpArticlesPromise = this.page.waitForEvent("popup");
                 await this.page
                     .getByTestId(HELP_CENTER_SELECTORS.documentationButton)
@@ -114527,7 +114528,7 @@ class HelpAndProfilePage {
             });
         };
         this.openAndVerifyChangelog = async () => {
-            await test.test.step("1: Open Help Center links and changelog", this.openChangelogPane);
+            await test.test.step("1: Open changelog", this.openChangelogPane);
             await test.test.step("2: Close and reopen changelog pane", async () => {
                 await this.page
                     .getByTestId(CHANGELOG_WIDGET_SELECTORS.closeButton)
@@ -114544,8 +114545,10 @@ class HelpAndProfilePage {
                 await this.neetoPlaywrightUtilities.waitForPageLoad({
                     customPageContext: changelogPage,
                 });
-                await test.expect(changelogPage.getByRole("button", { name: ENGAGE_TEXTS.subscribe })).toBeVisible({ timeout: 10000 });
-                await test.expect(changelogPage).toHaveURL(this.changelogBaseURL);
+                await Promise.all([
+                    test.expect(changelogPage).toHaveURL(this.changelogBaseURL),
+                    test.expect(changelogPage.getByRole("button", { name: ENGAGE_TEXTS.subscribe })).toBeVisible({ timeout: 10000 }),
+                ]);
                 await changelogPage.close();
             });
         };
@@ -114664,21 +114667,21 @@ class HelpAndProfilePage {
                 await test.expect(this.page.getByTestId(COMMON_SELECTORS.appSwitcherWrapper)).toBeVisible();
             }).toPass({ timeout: 45000 }));
             await test.test.step("2: Verify search functionality", async () => {
-                const playdashAppLink = this.page.getByTestId(COMMON_SELECTORS.appLink(productName));
-                const replayAppLink = this.page.getByTestId(COMMON_SELECTORS.appLink("Replay"));
+                const playdash = this.page.getByTestId(COMMON_SELECTORS.appLink(productName));
+                const replay = this.page.getByTestId(COMMON_SELECTORS.appLink("Replay"));
                 const searchInput = this.page.getByTestId(COMMON_SELECTORS.productSwitcherSearchInput);
                 await searchInput.fill(faker.faker.word.words(3));
                 //TODO: Use data-testid label when this https://github.com/bigbinary/neeto-molecules/issues/2114 is resolved
                 await test.expect(this.page.getByText(this.t("neetoMolecules.productSwitcher.noApps"))).toBeVisible();
                 await searchInput.fill(searchQueryPartial);
                 await Promise.all([
-                    test.expect(playdashAppLink).toBeVisible(),
-                    test.expect(replayAppLink).toBeVisible(),
+                    test.expect(playdash).toBeVisible(),
+                    test.expect(replay).toBeVisible(),
                 ]);
                 await searchInput.fill(searchQueryFull);
                 await Promise.all([
-                    test.expect(playdashAppLink).toBeVisible(),
-                    test.expect(replayAppLink).toBeHidden(),
+                    test.expect(playdash).toBeVisible(),
+                    test.expect(replay).toBeHidden(),
                 ]);
             });
         };
@@ -114705,7 +114708,7 @@ class HelpAndProfilePage {
         this.verifyLogout = async () => {
             if (shouldSkipSetupAndTeardown())
                 return;
-            await test.test.step("1: Open Help center and verify", this.openHelpCenter);
+            await test.test.step("1: Open Help center", this.openHelpCenter);
             await test.test.step("2: Click logout and verify", async () => {
                 await this.page
                     .getByTestId(PROFILE_SECTION_SELECTORS.logoutButton)
@@ -114787,6 +114790,7 @@ class HelpAndProfilePage {
         this.openAndVerifyStatus = async (appName) => {
             await test.test.step("1: Open Help Center links", this.openHelpCenter);
             await test.test.step("2: Open and verify status page", async () => {
+                await this.page.getByTestId(HELP_CENTER_SELECTORS.helpMenuBtn).click();
                 const statusPagePromise = this.page.waitForEvent("popup");
                 await this.page.getByTestId(HELP_CENTER_SELECTORS.statusButton).click();
                 const statusPage = await statusPagePromise;
@@ -114800,6 +114804,7 @@ class HelpAndProfilePage {
         this.openAndVerifyCommunity = async () => {
             await test.test.step("1: Open Help Center links", this.openHelpCenter);
             await test.test.step("2: Open and verify community", async () => {
+                await this.page.getByTestId(HELP_CENTER_SELECTORS.helpMenuBtn).click();
                 const communityPagePromise = this.page.waitForEvent("popup");
                 await this.page
                     .getByTestId(HELP_CENTER_SELECTORS.communityButton)
@@ -116911,11 +116916,17 @@ class GooglePage extends IntegrationBase {
                     totpToken = this.totp.generate({ timestamp: Date.now() });
                 }
                 previousToken = totpToken;
+                if (await codeInput.isHidden())
+                    return;
                 await codeInput.fill(totpToken);
                 test.expect(this.totp.validate({ token: totpToken })).not.toBeNull();
                 await this.page.locator(GOOGLE_LOGIN_SELECTORS.totpNext).click();
-                await test.expect(this.page.getByText(GOOGLE_LOGIN_TEXTS.wrongCode)).toBeHidden({ timeout: 10000 });
-                await test.expect(codeInput).toBeHidden({ timeout: 15000 });
+                await Promise.all([
+                    test.expect(codeInput).toBeHidden({ timeout: 20000 }),
+                    test.expect(this.page.getByText(GOOGLE_LOGIN_TEXTS.wrongCode)).toBeHidden({
+                        timeout: 20000,
+                    }),
+                ]);
             }).toPass({ timeout: 2 * 60 * 1000 });
         };
         this.logoutFromGoogle = async () => {
@@ -117112,32 +117123,58 @@ class SlackPage extends IntegrationBase {
             await slackWebappPage.addLocatorHandler(slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.messagePaneBannerCloseIcon), locator => locator.click(), { times: 1 });
             await slackWebappPage.addLocatorHandler(slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.permissionBannerCloseIcon), locator => locator.click(), { noWaitAfter: true, times: 2 });
         };
-        this.connectAndVerifyIntegration = async (redirectUrl, customSteps, channelToConfigure = SLACK_DEFAULT_CHANNEL) => {
+        this.initializeSlackPermissionPage = async () => {
             await this.connect();
-            const loginButton = this.page.getByRole("button", {
-                name: this.t("neetoSlack.slack.connect.loginButton"),
-            });
-            const installButton = this.page.locator(SLACK_SELECTORS.installButton);
-            const allowButton = this.page.getByRole("button", {
-                name: SLACK_WEB_TEXTS.allow,
-            });
-            const button = installButton.or(allowButton);
-            if (await loginButton.isVisible()) {
-                await loginButton.click({ delay: 5000 });
-                await this.page.waitForURL(RegExp("(.*)slack.com/.*"));
-            }
             await this.page.waitForLoadState("domcontentloaded", { timeout: 25000 });
-            await test.expect(button).toBeVisible({ timeout: 25000 });
-            await test.expect(button).toBeEnabled({ timeout: 25000 });
-            const currentWorkspace = (await this.page
+            await test.expect(this.allowButton).toBeVisible({ timeout: 25000 });
+            await test.expect(this.allowButton).toBeEnabled({ timeout: 25000 });
+            return await this.page
                 .locator(SLACK_SELECTORS.teamPicketButtonContent)
-                .textContent()) || "";
-            await button.click({ timeout: 25000 });
-            await this.page.waitForURL(redirectUrl);
+                .textContent();
+        };
+        this.navigateToCallbackUrl = async () => {
+            await this.page.goto(this.callbackUrl.replace(/^https:/, "http:"));
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+        };
+        this.captureCallbackUrl = () => this.page.on("request", (request) => {
+            const url = request.url();
+            if (url.includes("/neeto_slack/api/v2/slack/callbacks") &&
+                url.startsWith("https:")) {
+                this.callbackUrl = url;
+            }
+        });
+        this.connectAndVerifyInDev = async (redirectUrl, channelToConfigure, customSteps) => {
+            this.currentWorkspace = (await this.initializeSlackPermissionPage()) || "";
+            this.captureCallbackUrl();
+            await this.allowButton.click({ timeout: 25000 });
+            await test.expect(this.allowButton).toBeHidden({ timeout: 25000 });
+            await this.page.waitForLoadState("domcontentloaded", { timeout: 20000 });
+            await this.navigateToCallbackUrl();
+            await this.page.waitForURL(redirectUrl, {
+                timeout: 15000,
+            });
+            await this.completeSlackChannelSetup(channelToConfigure, customSteps);
+        };
+        this.connectAndVerifyInStaging = async (redirectUrl, channelToConfigure, customSteps) => {
+            this.currentWorkspace = (await this.initializeSlackPermissionPage()) || "";
+            await this.allowButton.click({ timeout: 25000 });
+            await test.expect(this.allowButton).toBeHidden({ timeout: 25000 });
+            await this.page.waitForLoadState("domcontentloaded", { timeout: 20000 });
+            await this.page.waitForURL(redirectUrl, {
+                timeout: 15000,
+            });
+            await this.completeSlackChannelSetup(channelToConfigure, customSteps);
+        };
+        this.connectAndVerifyIntegration = async (redirectUrl, customSteps, channelToConfigure = SLACK_DEFAULT_CHANNEL) => {
+            IS_DEV_ENV
+                ? await this.connectAndVerifyInDev(redirectUrl, channelToConfigure, customSteps)
+                : await this.connectAndVerifyInStaging(redirectUrl, channelToConfigure, customSteps);
+        };
+        this.completeSlackChannelSetup = async (channelToConfigure, customSteps) => {
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await test.expect(this.page.getByRole("heading", {
                 name: this.t("neetoSlack.slack.configure.title", {
-                    teamName: currentWorkspace,
+                    teamName: this.currentWorkspace,
                 }),
             })).toBeVisible({ timeout: 10000 });
             await this.neetoPlaywrightUtilities.selectOptionFromDropdown({
@@ -117146,14 +117183,17 @@ class SlackPage extends IntegrationBase {
             await this.page
                 .getByRole("button", { name: this.t("neetoSlack.common.continue") })
                 .click();
-            await this.neetoPlaywrightUtilities.waitForPageLoad();
+            await Promise.all([
+                this.neetoPlaywrightUtilities.waitForPageLoad(),
+                this.neetoPlaywrightUtilities.verifyToast(),
+            ]);
             if (customSteps) {
                 await customSteps();
             }
             else {
                 await test.expect(this.page.getByRole("heading", {
                     name: this.t("neetoSlack.slack.finish.title", {
-                        teamName: currentWorkspace,
+                        teamName: this.currentWorkspace,
                     }),
                 })).toBeVisible();
                 await this.page
@@ -117280,6 +117320,9 @@ class SlackPage extends IntegrationBase {
                 .click();
             await test.expect(channelItem).toBeHidden();
         };
+        this.allowButton = this.page.getByRole("button", {
+            name: SLACK_WEB_TEXTS.allow,
+        });
     }
 }
 
@@ -119248,36 +119291,45 @@ class OrganizationPage {
     }
 }
 
+dayjs.extend(customParseFormat);
 class ApiKeysPage {
     constructor(page, neetoPlaywrightUtilities) {
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.enableExpiryDate = async (expiryDate) => {
+            const userProps = await getGlobalUserProps(this.page);
+            const normalizedDate = dayjs(expiryDate, DATE_FORMATS.date);
+            const formattedExpiryDate = normalizedDate.format(userProps === null || userProps === void 0 ? void 0 : userProps.dateFormat);
+            const expiryDateInput = this.page
+                .getByTestId(COMMON_SELECTORS.paneBody)
+                .getByTestId(ADMIN_PANEL_SELECTORS.expiryDateInput);
+            const nextYearBtn = this.page.getByLabel(DATE_TEXTS.nextYear, {
+                exact: true,
+            });
+            await this.page
+                .getByTestId(COMMON_SELECTORS.checkboxInput("never-expires"))
+                .uncheck();
+            await expiryDateInput.click();
+            await test.expect(nextYearBtn).toBeVisible();
+            await expiryDateInput.pressSequentially(formattedExpiryDate, {
+                delay: 250,
+            });
+            await Promise.all([
+                test.expect(expiryDateInput).toHaveValue(formattedExpiryDate),
+                test.expect(this.page.getByRole("button", { name: CALENDAR_LABELS.month })).toHaveText(normalizedDate.format(DATE_FORMATS.month)),
+                test.expect(this.page.getByRole("button", { name: CALENDAR_LABELS.year })).toHaveText(normalizedDate.format(DATE_FORMATS.year)),
+                test.expect(this.page.getByTitle(normalizedDate.format(DATE_FORMATS.calendarDate))).toHaveClass(RegExp(DATE_PICKER_SELECTORS.selectedDateInCalendarClass)),
+            ]);
+            await this.page.keyboard.press("Enter");
+            await test.expect(nextYearBtn).toBeHidden();
+        };
         this.fillApiKeyDetails = async ({ label, expiryDate }) => {
             await this.page
                 .getByTestId(COMMON_SELECTORS.paneBody)
                 .getByTestId(COMMON_SELECTORS.customInputField("label"))
                 .fill(label);
-            if (expiryDate) {
-                await this.page
-                    .getByTestId(COMMON_SELECTORS.checkboxInput("never-expires"))
-                    .uncheck();
-                const expiryDateInput = this.page
-                    .getByTestId(COMMON_SELECTORS.paneBody)
-                    .getByTestId(ADMIN_PANEL_SELECTORS.expiryDateInput);
-                await expiryDateInput.click();
-                await test.expect(this.page.getByLabel(DATE_TEXTS.nextYear, { exact: true })).toBeVisible();
-                await expiryDateInput.pressSequentially(expiryDate, { delay: 250 });
-                dayjs.extend(customParseFormat);
-                const parsedExpiryDate = dayjs(expiryDate, DATE_FORMATS.date);
-                await Promise.all([
-                    test.expect(expiryDateInput).toHaveValue(expiryDate),
-                    test.expect(this.page.getByRole("button", { name: CALENDAR_LABELS.month })).toHaveText(parsedExpiryDate.format(DATE_FORMATS.month)),
-                    test.expect(this.page.getByRole("button", { name: CALENDAR_LABELS.year })).toHaveText(parsedExpiryDate.format(DATE_FORMATS.year)),
-                    test.expect(this.page.getByTitle(parsedExpiryDate.format(DATE_FORMATS.calendarDate))).toHaveClass(RegExp(DATE_PICKER_SELECTORS.selectedDateInCalendarClass)),
-                ]);
-                await this.page.keyboard.press("Enter");
-                await test.expect(this.page.getByLabel(DATE_TEXTS.nextYear, { exact: true })).toBeHidden();
-            }
-            await this.page.getByTestId(COMMON_SELECTORS.saveChangesButton).click();
-            await this.neetoPlaywrightUtilities.verifyToast();
+            neetoCist.isPresent(expiryDate) && (await this.enableExpiryDate(expiryDate));
+            await this.neetoPlaywrightUtilities.saveChanges({ isPane: true });
         };
         this.verifyApiKey = ({ targetRow, label, date }) => Promise.all([
             test.expect(targetRow.getByRole("cell", { name: label })).toBeVisible(),
@@ -119306,8 +119358,6 @@ class ApiKeysPage {
             await this.neetoPlaywrightUtilities.verifyToast();
             await test.expect(targetRow).toBeHidden();
         };
-        this.page = page;
-        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.t = playwrightI18nextFixture.getI18nInstance().t;
     }
 }
@@ -119405,7 +119455,9 @@ class CustomDomainPage {
             ]);
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             await validateButton.click();
-            await test.expect(this.page.getByTestId(COMMON_SELECTORS.calloutElement)).toBeVisible({ timeout: 15000 });
+            await test.expect
+                .soft(this.page.getByTestId(COMMON_SELECTORS.calloutElement))
+                .toBeVisible({ timeout: 15000 });
             let isCertificateLimitExceeded = false;
             await test.expect(async () => {
                 isCertificateLimitExceeded = await this.isCertificateLimitExceeded();
@@ -119924,6 +119976,11 @@ const TEAM_MEMBER_TEXTS = {
     emailSubject: "Your team members export is here",
 };
 
+const KEYBOARD_SHORTCUT_TEST_CASES = [
+    { os: "windows", agent: USER_AGENTS.windows },
+    { os: "mac", agent: USER_AGENTS.mac },
+];
+
 const PHONE_NUMBER_FORMATS = [
     { name: "Afghanistan", code: "+93", format: "70#######", flag: "🇦🇫" },
     { name: "Aland", code: "+358", format: "5####", flag: "🇦🇽" },
@@ -125413,6 +125470,7 @@ exports.ImageUploader = ImageUploader;
 exports.IntegrationBase = IntegrationBase;
 exports.IpRestrictionsApi = IpRestrictionsApi;
 exports.KEYBOARD_SHORTCUTS_SELECTORS = KEYBOARD_SHORTCUTS_SELECTORS;
+exports.KEYBOARD_SHORTCUT_TEST_CASES = KEYBOARD_SHORTCUT_TEST_CASES;
 exports.LIST_MODIFIER_SELECTORS = LIST_MODIFIER_SELECTORS;
 exports.LIST_MODIFIER_TAGS = LIST_MODIFIER_TAGS;
 exports.LOGIN_SELECTORS = LOGIN_SELECTORS;