@bigbinary/neeto-playwright-commons 1.8.2 → 1.8.3

package/index.d.ts

@@ -111,21 +111,33 @@ declare class HelpAndProfilePage {
     constructor({ page, neetoPlaywrightUtilities, chatApiBaseURL, kbDocsBaseURL, changelogBaseURL, }: HelpAndProfilePageInitializerProps);
     private hoverOnBody;
     openHelpCenter: () => Promise<void>;
+    openHelpCenterV2: () => Promise<void>;
     private openLiveChatAndVerify;
     openAndVerifyChatWidget: () => Promise<void>;
+    openAndVerifyChatWidgetV2: () => Promise<void>;
     openAndVerifyHelpArticles: () => Promise<void>;
+    openAndVerifyHelpArticlesV2: () => Promise<void>;
     private openChangelogPane;
+    private openChangelogPaneV2;
     openAndVerifyChangelog: () => Promise<void>;
+    openAndVerifyChangelogV2: () => Promise<void>;
     private formatKeyboardShortcut;
     openAndVerifyKeyboardShortcutsPane: (productShortcuts: {
         description: string;
         sequence: string;
     }[], osPlatform?: "mac" | "windows") => Promise<void>;
+    openAndVerifyKeyboardShortcutsPaneV2: (productShortcuts: {
+        description: string;
+        sequence: string;
+    }[], osPlatform?: "mac" | "windows") => Promise<void>;
     openAppSwitcherAndVerify: () => Promise<void>;
+    openAppSwitcherAndVerifyV2: () => Promise<void>;
     private openProfilePopup;
     private openAuthLinkAndVerify;
     verifyProfileAndOrganizationLinks: () => Promise<void>;
+    verifyProfileAndOrganizationLinksV2: () => Promise<void>;
     verifyLogout: () => Promise<void>;
+    verifyLogoutV2: () => Promise<void>;
 }
 
 interface CreateOrganizationProps {
@@ -253,6 +265,7 @@ declare const COMMON_SELECTORS: {
     pageLoader: string;
     homeButton: string;
     neetoUiSwitch: string;
+    floatingActionMenuButton: string;
 };
 
 declare const NEETO_EDITOR_SELECTORS: {

package/index.js

@@ -148,6 +148,7 @@ const COMMON_SELECTORS = {
     pageLoader: "neeto-molecules-page-loader",
     homeButton: "home-button",
     neetoUiSwitch: "nui-switch",
+    floatingActionMenuButton: "floating-action-menu-container",
 };
 
 class CustomCommands {
@@ -7234,6 +7235,15 @@ class HelpAndProfilePage {
                 await expect(this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton)).toBeVisible();
             }).toPass({ timeout: 15000 });
         };
+        this.openHelpCenterV2 = async () => {
+            await expect(async () => {
+                await this.hoverOnBody();
+                const floatingActionMenuButton = this.page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton);
+                await floatingActionMenuButton.scrollIntoViewIfNeeded();
+                await floatingActionMenuButton.hover();
+                await 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 expect(this.neetoChatWidget).toBeVisible();
@@ -7278,6 +7288,46 @@ class HelpAndProfilePage {
                 await 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$1.step("Step 1: Open Help Center links", this.openHelpCenterV2);
+            await test$1.step("Step 2: Open live chat and verify iframe", this.openLiveChatAndVerify);
+            await test$1.step("Step 3: Close and reopen live chat frame", async () => {
+                await this.page.getByTestId(CHAT_WIDGET_SELECTORS.closeChat).click();
+                await expect(this.neetoChatWidget).toBeHidden();
+                await this.openHelpCenterV2();
+                await this.openLiveChatAndVerify();
+            });
+            await test$1.step("Step 4: Start new conversation", async () => {
+                const newConversationButton = this.neetoChatFrame.getByRole("button", {
+                    name: CHAT_WIDGET_TEXTS.newConversation,
+                });
+                await expect(newConversationButton).toBeVisible(); // Adding additional toBeVisible to take advantage of the auto-retrying web-first assertion
+                await newConversationButton.click();
+                await expect(this.neetoChatSpinner).toBeHidden();
+            });
+            await test$1.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 expect(this.neetoChatSpinner).toBeHidden();
+            });
+            await test$1.step("Step 6: Verify conversation window", async () => {
+                await 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$1.step("Step 1: Open Help Center links", this.openHelpCenter);
             await test$1.step("Step 2: Open and verify help articles link", async () => {
@@ -7291,12 +7341,34 @@ class HelpAndProfilePage {
                 await helpArticlesPage.close();
             });
         };
+        this.openAndVerifyHelpArticlesV2 = async () => {
+            await test$1.step("Step 1: Open Help Center links", this.openHelpCenterV2);
+            await test$1.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 expect(helpArticlesPage).toHaveURL(this.kbDocsBaseURL);
+                await helpArticlesPage.close();
+            });
+        };
+        // TODO Remove when all apps have migrated to the new navbar style
         this.openChangelogPane = async () => {
             await expect(async () => {
                 await this.page.getByTestId(HELP_CENTER_SELECTORS.whatsNewButton).click();
                 await expect(this.page.locator(CHANGELOG_WIDGET_SELECTORS.changelogWrapper)).toBeVisible();
             }).toPass({ timeout: 15000 });
         };
+        this.openChangelogPaneV2 = async () => {
+            await expect(async () => {
+                await this.openHelpCenterV2();
+                await this.page.getByTestId(HELP_CENTER_SELECTORS.whatsNewButton).click();
+                await 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$1.step("Step 1: Open Help Center links", this.openHelpCenter);
             await test$1.step("Step 2: Open and verify changelog pane", this.openChangelogPane);
@@ -7323,6 +7395,30 @@ class HelpAndProfilePage {
                 await changelogPage.close();
             });
         };
+        this.openAndVerifyChangelogV2 = async () => {
+            await test$1.step("Step 1: Open Help Center links and changelog", this.openChangelogPaneV2);
+            await test$1.step("Step 2: Close and reopen changelog pane", async () => {
+                await this.page
+                    .getByTestId(CHANGELOG_WIDGET_SELECTORS.closeButton)
+                    .click();
+                await expect(this.page.locator(CHANGELOG_WIDGET_SELECTORS.changelogWrapper)).toBeHidden();
+                await this.openChangelogPaneV2();
+            });
+            await test$1.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 expect(changelogPage).toHaveURL(this.changelogBaseURL);
+                await changelogPage.close();
+            });
+        };
         this.formatKeyboardShortcut = (shortcut, osPlatform = "windows") => {
             const formattedShortcut = shortcut
                 .replaceAll(" ", "then")
@@ -7376,6 +7472,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$1.step("Step 1: Open Help Center", this.openHelpCenterV2);
+            await test$1.step("Step 2: Open and close keyboard shortcuts from UI", async () => {
+                await this.page
+                    .getByTestId(HELP_CENTER_SELECTORS.keyboardShortcutButton)
+                    .click();
+                await expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await this.page
+                    .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.closePaneButton)
+                    .click();
+                await expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).toHaveCSS("width", "1px");
+            });
+            await test$1.step("Step 3: Open and close keyboard shortcuts through shortcut", async () => {
+                await this.page.keyboard.press("Shift+/");
+                await expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await this.page.keyboard.press("Escape");
+                await expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).toHaveCSS("width", "1px");
+            });
+            await test$1.step("Step 4: Verify all displayed keyboard shortcuts", async () => {
+                await this.page.keyboard.press("Shift+/");
+                await expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await 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 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$1.step("Step 1: Verify hovering over app switcher opens the app switcher drawer", () => expect(async () => {
@@ -7385,6 +7528,16 @@ class HelpAndProfilePage {
                 await expect(this.page.getByTestId(COMMON_SELECTORS.appSwitcherWrapper)).toBeVisible();
             }).toPass({ timeout: 15000 }));
         };
+        this.openAppSwitcherAndVerifyV2 = async () => {
+            await test$1.step("Step 1: Verify hovering over app switcher opens the app switcher drawer", () => expect(async () => {
+                await this.openHelpCenterV2();
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.appSwitcherButton)
+                    .hover();
+                await 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 = () => expect(async () => {
             await this.hoverOnBody();
             await this.profileSectionButton.scrollIntoViewIfNeeded();
@@ -7401,6 +7554,7 @@ class HelpAndProfilePage {
             await 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$1.step("Step 1: Open Profile popup and verify", this.openProfilePopup);
             await test$1.step("Step 2: Open My profile link and verify", async () => this.openAuthLinkAndVerify({
@@ -7413,6 +7567,19 @@ class HelpAndProfilePage {
                 redirectLink: ROUTES.authSettings,
             }));
         };
+        this.verifyProfileAndOrganizationLinksV2 = async () => {
+            await test$1.step("Step 1: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.step("Step 2: Open My profile link and verify", async () => this.openAuthLinkAndVerify({
+                linkSelector: PROFILE_SECTION_SELECTORS.myProfileButton,
+                redirectLink: ROUTES.myProfile,
+            }));
+            await test$1.step("Step 3: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.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;
@@ -7425,6 +7592,18 @@ class HelpAndProfilePage {
                 await expect(this.page).toHaveURL(new RegExp(ROUTES.loginLink));
             });
         };
+        this.verifyLogoutV2 = async () => {
+            if (shouldSkipSetupAndTeardown())
+                return;
+            await test$1.step("Step 1: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.step("Step 2: Click logout and verify", async () => {
+                await this.page
+                    .getByTestId(PROFILE_SECTION_SELECTORS.logoutButton)
+                    .click();
+                await expect(this.page).toHaveURL(NEETO_AUTH_BASE_URL());
+                await expect(this.page).toHaveURL(new RegExp(ROUTES.loginLink));
+            });
+        };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.chatApiBaseURL = chatApiBaseURL;