@bigbinary/neeto-playwright-commons 1.27.0 → 1.27.1

package/index.cjs.js

@@ -5046,7 +5046,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 +5210,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 +5376,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 +114416,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 +114450,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 +114479,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 +114520,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 +114537,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 +114659,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 +114700,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 +114782,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 +114796,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)
@@ -119248,36 +119245,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 +119312,6 @@ class ApiKeysPage {
             await this.neetoPlaywrightUtilities.verifyToast();
             await test.expect(targetRow).toBeHidden();
         };
-        this.page = page;
-        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.t = playwrightI18nextFixture.getI18nInstance().t;
     }
 }
@@ -119924,6 +119928,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 +125422,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;