@bigbinary/neeto-playwright-commons 1.8.1 → 1.8.3

package/index.cjs.js

@@ -183,6 +183,7 @@ const COMMON_SELECTORS = {
     pageLoader: "neeto-molecules-page-loader",
     homeButton: "home-button",
     neetoUiSwitch: "nui-switch",
+    floatingActionMenuButton: "floating-action-menu-container",
 };
 
 class CustomCommands {
@@ -7269,6 +7270,15 @@ class HelpAndProfilePage {
                 await test.expect(this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton)).toBeVisible();
             }).toPass({ timeout: 15000 });
         };
+        this.openHelpCenterV2 = async () => {
+            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();
+            }).toPass({ timeout: 15000 });
+        };
         this.openLiveChatAndVerify = async () => {
             await this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton).click();
             await test.expect(this.neetoChatWidget).toBeVisible();
@@ -7313,6 +7323,46 @@ class HelpAndProfilePage {
                 await test.expect(this.neetoChatFrame.getByTestId(CHAT_WIDGET_SELECTORS.chatBubble)).toHaveText(CHAT_WIDGET_TEXTS.welcomeChatBubble);
             });
         };
+        this.openAndVerifyChatWidgetV2 = async () => {
+            const chatInitializationApis = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                baseUrl: this.chatApiBaseURL,
+                times: 3,
+                timeout: 20 * 1000, // Increased timeout accounting delays in page load
+            });
+            await this.page.reload();
+            await chatInitializationApis;
+            await test.test.step("Step 1: Open Help Center links", this.openHelpCenterV2);
+            await test.test.step("Step 2: Open live chat and verify iframe", this.openLiveChatAndVerify);
+            await test.test.step("Step 3: Close and reopen live chat frame", async () => {
+                await this.page.getByTestId(CHAT_WIDGET_SELECTORS.closeChat).click();
+                await test.expect(this.neetoChatWidget).toBeHidden();
+                await this.openHelpCenterV2();
+                await this.openLiveChatAndVerify();
+            });
+            await test.test.step("Step 4: Start new conversation", async () => {
+                const newConversationButton = this.neetoChatFrame.getByRole("button", {
+                    name: CHAT_WIDGET_TEXTS.newConversation,
+                });
+                await test.expect(newConversationButton).toBeVisible(); // Adding additional toBeVisible to take advantage of the auto-retrying web-first assertion
+                await newConversationButton.click();
+                await test.expect(this.neetoChatSpinner).toBeHidden();
+            });
+            await test.test.step("Step 5: Fill and submit email", async () => {
+                var _a, _b;
+                await this.neetoChatFrame
+                    .getByTestId(CHAT_WIDGET_SELECTORS.preChatEmailInput)
+                    .fill((_b = (_a = readFileSyncIfExists()) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.email);
+                await this.neetoChatFrame
+                    .getByTestId(CHAT_WIDGET_SELECTORS.preChatSubmitButton)
+                    .getByRole("button")
+                    .click();
+                await test.expect(this.neetoChatSpinner).toBeHidden();
+            });
+            await test.test.step("Step 6: Verify conversation window", async () => {
+                await test.expect(this.neetoChatFrame.getByTestId(CHAT_WIDGET_SELECTORS.chatBubble)).toHaveText(CHAT_WIDGET_TEXTS.welcomeChatBubble);
+            });
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.openAndVerifyHelpArticles = async () => {
             await test.test.step("Step 1: Open Help Center links", this.openHelpCenter);
             await test.test.step("Step 2: Open and verify help articles link", async () => {
@@ -7326,12 +7376,34 @@ class HelpAndProfilePage {
                 await helpArticlesPage.close();
             });
         };
+        this.openAndVerifyHelpArticlesV2 = async () => {
+            await test.test.step("Step 1: Open Help Center links", this.openHelpCenterV2);
+            await test.test.step("Step 2: Open and verify help articles link", async () => {
+                const helpArticlesPromise = this.page.waitForEvent("popup");
+                await this.page
+                    .getByTestId(HELP_CENTER_SELECTORS.documentationButton)
+                    .click();
+                const helpArticlesPage = await helpArticlesPromise;
+                await helpArticlesPage.waitForLoadState();
+                await test.expect(helpArticlesPage).toHaveURL(this.kbDocsBaseURL);
+                await helpArticlesPage.close();
+            });
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.openChangelogPane = async () => {
             await test.expect(async () => {
                 await this.page.getByTestId(HELP_CENTER_SELECTORS.whatsNewButton).click();
                 await test.expect(this.page.locator(CHANGELOG_WIDGET_SELECTORS.changelogWrapper)).toBeVisible();
             }).toPass({ timeout: 15000 });
         };
+        this.openChangelogPaneV2 = async () => {
+            await test.expect(async () => {
+                await this.openHelpCenterV2();
+                await this.page.getByTestId(HELP_CENTER_SELECTORS.whatsNewButton).click();
+                await test.expect(this.page.locator(CHANGELOG_WIDGET_SELECTORS.changelogWrapper)).toBeVisible();
+            }).toPass({ timeout: 45000 });
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.openAndVerifyChangelog = async () => {
             await test.test.step("Step 1: Open Help Center links", this.openHelpCenter);
             await test.test.step("Step 2: Open and verify changelog pane", this.openChangelogPane);
@@ -7358,6 +7430,30 @@ class HelpAndProfilePage {
                 await changelogPage.close();
             });
         };
+        this.openAndVerifyChangelogV2 = async () => {
+            await test.test.step("Step 1: Open Help Center links and changelog", this.openChangelogPaneV2);
+            await test.test.step("Step 2: Close and reopen changelog pane", async () => {
+                await this.page
+                    .getByTestId(CHANGELOG_WIDGET_SELECTORS.closeButton)
+                    .click();
+                await test.expect(this.page.locator(CHANGELOG_WIDGET_SELECTORS.changelogWrapper)).toBeHidden();
+                await this.openChangelogPaneV2();
+            });
+            await test.test.step("Step 3: Open and verify public URL", async () => {
+                const changelogPagePromise = this.page.waitForEvent("popup");
+                await this.page
+                    .getByTestId(CHANGELOG_WIDGET_SELECTORS.publicUrlLink)
+                    .click();
+                const changelogPage = await changelogPagePromise;
+                await this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                    customPageContext: changelogPage,
+                    baseUrl: this.changelogBaseURL.split("/site")[0],
+                    times: 3,
+                });
+                await test.expect(changelogPage).toHaveURL(this.changelogBaseURL);
+                await changelogPage.close();
+            });
+        };
         this.formatKeyboardShortcut = (shortcut, osPlatform = "windows") => {
             const formattedShortcut = shortcut
                 .replaceAll(" ", "then")
@@ -7411,6 +7507,53 @@ class HelpAndProfilePage {
                     .locator("div")).toHaveText(formattedSequences);
             });
         };
+        // TODO Remove when all apps have migrated to the new navbar style
+        this.openAndVerifyKeyboardShortcutsPaneV2 = async (productShortcuts, osPlatform = "windows") => {
+            const globalShortcuts = [
+                {
+                    description: this.t("neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane"),
+                    sequence: "shift+/",
+                },
+                {
+                    description: this.t("neetoMolecules.keyboardShortcuts.global.close"),
+                    sequence: "esc",
+                },
+                {
+                    description: this.t("neetoMolecules.keyboardShortcuts.global.submitForm"),
+                    sequence: "ctrl+enter",
+                },
+            ];
+            const shortcuts = [...globalShortcuts, ...productShortcuts];
+            await test.test.step("Step 1: Open Help Center", this.openHelpCenterV2);
+            await test.test.step("Step 2: Open and close keyboard shortcuts from UI", async () => {
+                await this.page
+                    .getByTestId(HELP_CENTER_SELECTORS.keyboardShortcutButton)
+                    .click();
+                await test.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await this.page
+                    .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.closePaneButton)
+                    .click();
+                await test.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).toHaveCSS("width", "1px");
+            });
+            await test.test.step("Step 3: Open and close keyboard shortcuts through shortcut", async () => {
+                await this.page.keyboard.press("Shift+/");
+                await test.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await this.page.keyboard.press("Escape");
+                await test.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).toHaveCSS("width", "1px");
+            });
+            await test.test.step("Step 4: Verify all displayed keyboard shortcuts", async () => {
+                await this.page.keyboard.press("Shift+/");
+                await test.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await test.expect(this.page
+                    .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.hotKeyItem)
+                    .locator("p")).toHaveText(shortcuts.map(shortcut => shortcut.description));
+                const formattedSequences = shortcuts.map(shortcut => this.formatKeyboardShortcut(shortcut.sequence, osPlatform));
+                await test.expect(this.page
+                    .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.hotKeyItem)
+                    .locator("div")).toHaveText(formattedSequences);
+            });
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.openAppSwitcherAndVerify = async () => {
             const appSwitcher = this.page.getByTestId(COMMON_SELECTORS.appSwitcherButton);
             await test.test.step("Step 1: Verify hovering over app switcher opens the app switcher drawer", () => test.expect(async () => {
@@ -7420,6 +7563,16 @@ class HelpAndProfilePage {
                 await test.expect(this.page.getByTestId(COMMON_SELECTORS.appSwitcherWrapper)).toBeVisible();
             }).toPass({ timeout: 15000 }));
         };
+        this.openAppSwitcherAndVerifyV2 = async () => {
+            await test.test.step("Step 1: Verify hovering over app switcher opens the app switcher drawer", () => test.expect(async () => {
+                await this.openHelpCenterV2();
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.appSwitcherButton)
+                    .hover();
+                await test.expect(this.page.getByTestId(COMMON_SELECTORS.appSwitcherWrapper)).toBeVisible();
+            }).toPass({ timeout: 45000 }));
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.openProfilePopup = () => test.expect(async () => {
             await this.hoverOnBody();
             await this.profileSectionButton.scrollIntoViewIfNeeded();
@@ -7436,6 +7589,7 @@ class HelpAndProfilePage {
             await test.expect(profilePage).toHaveURL(new RegExp(redirectLink));
             await profilePage.close();
         };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.verifyProfileAndOrganizationLinks = async () => {
             await test.test.step("Step 1: Open Profile popup and verify", this.openProfilePopup);
             await test.test.step("Step 2: Open My profile link and verify", async () => this.openAuthLinkAndVerify({
@@ -7448,6 +7602,19 @@ class HelpAndProfilePage {
                 redirectLink: ROUTES.authSettings,
             }));
         };
+        this.verifyProfileAndOrganizationLinksV2 = async () => {
+            await test.test.step("Step 1: Open Help center and verify", this.openHelpCenterV2);
+            await test.test.step("Step 2: Open My profile link and verify", async () => this.openAuthLinkAndVerify({
+                linkSelector: PROFILE_SECTION_SELECTORS.myProfileButton,
+                redirectLink: ROUTES.myProfile,
+            }));
+            await test.test.step("Step 3: Open Help center and verify", this.openHelpCenterV2);
+            await test.test.step("Step 4: Open My organization link and verify", async () => this.openAuthLinkAndVerify({
+                linkSelector: PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton,
+                redirectLink: ROUTES.authSettings,
+            }));
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.verifyLogout = async () => {
             if (shouldSkipSetupAndTeardown())
                 return;
@@ -7460,6 +7627,18 @@ class HelpAndProfilePage {
                 await test.expect(this.page).toHaveURL(new RegExp(ROUTES.loginLink));
             });
         };
+        this.verifyLogoutV2 = async () => {
+            if (shouldSkipSetupAndTeardown())
+                return;
+            await test.test.step("Step 1: Open Help center and verify", this.openHelpCenterV2);
+            await test.test.step("Step 2: Click logout and verify", async () => {
+                await this.page
+                    .getByTestId(PROFILE_SECTION_SELECTORS.logoutButton)
+                    .click();
+                await test.expect(this.page).toHaveURL(NEETO_AUTH_BASE_URL());
+                await test.expect(this.page).toHaveURL(new RegExp(ROUTES.loginLink));
+            });
+        };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.chatApiBaseURL = chatApiBaseURL;
@@ -7514,6 +7693,7 @@ class OrganizationPage {
             await this.page.getByTestId(SIGNUP_SELECTORS.emailTextField).fill(email);
             const signup = this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 responseUrl: ROUTES.signup,
+                timeout: 60 * 1000,
                 baseUrl: NEETO_AUTH_BASE_URL(),
             });
             await this.page.getByTestId(SIGNUP_SELECTORS.submitButton).click();
@@ -7539,7 +7719,7 @@ class OrganizationPage {
                 this.page.waitForResponse(response => response.url().includes(ROUTES.signup)),
                 this.page.waitForResponse(response => response.url().includes(ROUTES.countries)),
             ]);
-            await this.page.waitForURL(`**${ROUTES.profile}`, { timeout: 15000 });
+            await this.page.waitForURL(`**${ROUTES.profile}`, { timeout: 60 * 1000 });
             await this.page
                 .getByTestId(SIGNUP_SELECTORS.firstNameTextField)
                 .fill(firstName);
@@ -7549,6 +7729,7 @@ class OrganizationPage {
             await this.page.getByTestId(COMMON_SELECTORS.checkbox).click();
             const submitProfile = this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 responseUrl: ROUTES.signup,
+                timeout: 1000 * 60,
                 baseUrl: NEETO_AUTH_BASE_URL(),
             });
             await this.page.getByTestId(SIGNUP_SELECTORS.profileSubmitButton).click();