@bigbinary/neeto-playwright-commons 1.5.2 → 1.6.0

package/index.d.ts

@@ -1,15 +1,17 @@
 import * as _playwright_test from '@playwright/test';
-import { Page, APIRequestContext, Response, APIResponse, Fixtures, PlaywrightWorkerArgs, PlaywrightWorkerOptions, PlaywrightTestArgs, PlaywrightTestOptions } from '@playwright/test';
+import { Page, APIRequestContext, Response, APIResponse, Fixtures, PlaywrightWorkerArgs, PlaywrightWorkerOptions, PlaywrightTestArgs, PlaywrightTestOptions, Locator, FrameLocator } from '@playwright/test';
 import MailosaurClient from 'mailosaur';
 import { I18nPlaywrightFixture } from 'playwright-i18next-fixture';
+import { TFunction } from 'i18next';
 
 interface InterceptMultipleResponsesParams {
     responseUrl: string;
     times: number;
     baseUrl: string;
+    customPageContext: Page | undefined;
+    timeout: number;
 }
 type GenericCallback = (...params: any[]) => Promise<unknown> | unknown;
-type InterceptMultipleResponses = (params: Partial<InterceptMultipleResponsesParams>) => Promise<Response[]>;
 interface ExecuteRecursivelyParams {
     callback: GenericCallback;
     condition: GenericCallback;
@@ -41,7 +43,7 @@ declare class CustomCommands {
     responses: string[];
     request: APIRequestContext;
     constructor(page: Page, request: APIRequestContext);
-    interceptMultipleResponses: InterceptMultipleResponses;
+    interceptMultipleResponses: ({ responseUrl, times, baseUrl, customPageContext, timeout, }?: Partial<InterceptMultipleResponsesParams>) => Promise<Response[]>;
     private recursiveMethod;
     executeRecursively: ExecuteRecursively;
     verifySuccessToast: VerifySuccessToast;
@@ -87,6 +89,43 @@ declare const generateStagingData: (product?: string) => {
 
 declare const i18nFixture: Fixtures<I18nPlaywrightFixture, PlaywrightWorkerArgs & PlaywrightWorkerOptions, PlaywrightTestArgs & PlaywrightTestOptions, PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
 
+interface HelpAndProfilePageInitializerProps {
+    page: Page;
+    neetoPlaywrightUtilities: CustomCommands;
+    chatApiBaseURL: string;
+    kbDocsBaseURL: string;
+    changelogBaseURL: string;
+}
+declare class HelpAndProfilePage {
+    page: Page;
+    neetoPlaywrightUtilities: CustomCommands;
+    chatApiBaseURL: string;
+    kbDocsBaseURL: string;
+    changelogBaseURL: string;
+    neetoChatWidget: Locator;
+    neetoChatFrame: FrameLocator;
+    neetoChatSpinner: Locator;
+    t: TFunction;
+    profileSectionButton: Locator;
+    constructor({ page, neetoPlaywrightUtilities, chatApiBaseURL, kbDocsBaseURL, changelogBaseURL, }: HelpAndProfilePageInitializerProps);
+    openHelpCenter: () => Promise<void>;
+    private openLiveChatAndVerify;
+    openAndVerifyChatWidget: () => Promise<void>;
+    openAndVerifyHelpArticles: () => Promise<void>;
+    private openChangelogPane;
+    openAndVerifyChangelog: () => Promise<void>;
+    private formatKeyboardShortcut;
+    openAndVerifyKeyboardShortcutsPane: (productShortcuts: {
+        description: string;
+        sequence: string;
+    }[], osPlatform?: "mac" | "windows") => Promise<void>;
+    openAppSwitcherAndVerify: () => Promise<void>;
+    private openProfilePopup;
+    private openAuthLinkAndVerify;
+    verifyProfileAndOrganizationLinks: () => Promise<void>;
+    verifyLogout: () => Promise<void>;
+}
+
 interface CreateOrganizationProps {
     email: string;
     businessName: string;
@@ -120,11 +159,20 @@ declare const CREDENTIALS: {
 };
 declare const OTP_EMAIL_PATTERN = "is your login code";
 
+declare const USER_AGENTS: {
+    windows: string;
+    mac: string;
+};
+
 declare const BASE_URL = "/api/v1";
+declare const NEETO_AUTH_BASE_URL: (subdomain?: string) => string;
 declare const ROUTES: {
-    neetoAuth: string;
     neetoAuthSignup: string;
+    neetoAuth: string;
+    loginLink: string;
     profile: string;
+    myProfile: string;
+    authSettings: string;
     login: string;
     signup: string;
     subdomainAvailability: string;
@@ -188,6 +236,8 @@ declare const COMMON_SELECTORS: {
     subheader: string;
     settingsLink: string;
     ticketFieldTextInput: (label: string | number) => string;
+    appSwitcherButton: string;
+    appSwitcherWrapper: string;
     tableSpinner: string;
 };
 
@@ -239,13 +289,6 @@ declare const HELP_CENTER_SELECTORS: {
     keyboardShortcutPaneHeading: string;
     keyboardShortcutPaneCrossIcon: string;
 };
-declare const CHAT_WIDGET_SELECTORS: {
-    chatWidgetHomeCard: string;
-    widgetSubmitButton: string;
-    chatBubbleMessage: string;
-    chatCloseButton: string;
-    widgetIframe: string;
-};
 
 declare const LOGIN_SELECTORS: {
     appleAuthenticationButton: string;
@@ -346,6 +389,33 @@ declare const MERGE_TAGS_SELECTORS: {
     disabledTag: string;
 };
 
+declare const CHAT_WIDGET_SELECTORS: {
+    iframe: string;
+    spinner: string;
+    helpButton: string;
+    preChatEmailInput: string;
+    preChatSubmitButton: string;
+    chatBubble: string;
+    closeChat: string;
+};
+declare const CHANGELOG_WIDGET_SELECTORS: {
+    changelogWrapper: string;
+    closeButton: string;
+    publicUrlLink: string;
+};
+declare const KEYBOARD_SHORTCUTS_SELECTORS: {
+    keyboardShortcutsPane: string;
+    closePaneButton: string;
+    hotKeyItem: string;
+};
+
+declare const PROFILE_SECTION_SELECTORS: {
+    profileSectionButton: string;
+    myProfileButton: string;
+    profileOrganizationSettingsButton: string;
+    logoutButton: string;
+};
+
 declare const initializeCredentials: (product: string) => void;
 
 interface KeyValue {
@@ -398,4 +468,4 @@ interface Overrides {
 }
 declare const definePlaywrightConfig: (overrides: Overrides) => _playwright_test.PlaywrightTestConfig<{}, {}>;
 
-export { BASE_URL, CHAT_WIDGET_SELECTORS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, type CustomFixture, ENVIRONMENT, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, IS_STAGING_ENV, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, STORAGE_STATE, TAGS_SELECTORS, clearCredentials, commands, definePlaywrightConfig, extractSubdomainFromError, generateStagingData, hyphenize, i18nFixture, initializeCredentials, joinHyphenCase, joinString, login, loginWithoutSSO, readFileSyncIfExists, skipTest, updateCredentials, writeDataToFile };
+export { BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, type CustomFixture, ENVIRONMENT, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, IS_STAGING_ENV, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, STORAGE_STATE, TAGS_SELECTORS, USER_AGENTS, clearCredentials, commands, definePlaywrightConfig, extractSubdomainFromError, generateStagingData, hyphenize, i18nFixture, initializeCredentials, joinHyphenCase, joinString, login, loginWithoutSSO, readFileSyncIfExists, skipTest, updateCredentials, writeDataToFile };

package/index.js

@@ -1,4 +1,4 @@
-import test, { expect, defineConfig, devices } from '@playwright/test';
+import test, { expect, test as test$1, defineConfig, devices } from '@playwright/test';
 import * as require$$0 from 'fs';
 import require$$0__default from 'fs';
 import { faker } from '@faker-js/faker';
@@ -135,25 +135,30 @@ const COMMON_SELECTORS = {
     subheader: "subheader",
     settingsLink: "Settings",
     ticketFieldTextInput: (label) => `${hyphenize(label)}-text-input`,
+    appSwitcherButton: "app-switcher-button",
+    appSwitcherWrapper: "switcher-wrapper",
     tableSpinner: ".ant-spin",
 };
 
 class CustomCommands {
     constructor(page, request) {
-        this.interceptMultipleResponses = ({ responseUrl = "", times = 1, baseUrl, }) => Promise.all([...new Array(times)].map(() => this.page.waitForResponse((response) => {
-            var _a, _b, _c;
-            if (response.request().resourceType() === "xhr" &&
-                response.status() === 200 &&
-                response.url().includes(responseUrl) &&
-                response
-                    .url()
-                    .startsWith((_a = baseUrl !== null && baseUrl !== void 0 ? baseUrl : process.env.BASE_URL) !== null && _a !== void 0 ? _a : "") &&
-                !this.responses.includes((_b = response.headers()) === null || _b === void 0 ? void 0 : _b["x-request-id"])) {
-                this.responses.push((_c = response.headers()) === null || _c === void 0 ? void 0 : _c["x-request-id"]);
-                return true;
-            }
-            return false;
-        }, { timeout: 10000 })));
+        this.interceptMultipleResponses = ({ responseUrl = "", times = 1, baseUrl, customPageContext, timeout = 10000, } = {}) => {
+            const pageContext = customPageContext !== null && customPageContext !== void 0 ? customPageContext : this.page;
+            return Promise.all([...new Array(times)].map(() => pageContext.waitForResponse((response) => {
+                var _a, _b, _c;
+                if (response.request().resourceType() === "xhr" &&
+                    response.status() === 200 &&
+                    response.url().includes(responseUrl) &&
+                    response
+                        .url()
+                        .startsWith((_a = baseUrl !== null && baseUrl !== void 0 ? baseUrl : process.env.BASE_URL) !== null && _a !== void 0 ? _a : "") &&
+                    !this.responses.includes((_b = response.headers()) === null || _b === void 0 ? void 0 : _b["x-request-id"])) {
+                    this.responses.push((_c = response.headers()) === null || _c === void 0 ? void 0 : _c["x-request-id"]);
+                    return true;
+                }
+                return false;
+            }, { timeout })));
+        };
         this.recursiveMethod = async (callback, condition, timeout, startTime) => {
             if (Date.now() - timeout >= startTime) {
                 return false;
@@ -7126,10 +7131,14 @@ const i18nFixture = {
 };
 
 const BASE_URL = "/api/v1";
+const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
 const ROUTES = {
-    neetoAuth: "https://app.neetoauth.net",
-    neetoAuthSignup: "https://app.neetoauth.net/signups/new",
+    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
+    neetoAuth: NEETO_AUTH_BASE_URL(),
+    loginLink: "/login",
     profile: "/profile",
+    myProfile: "/my/profile",
+    authSettings: "/settings",
     login: `${BASE_URL}/login`,
     signup: `${BASE_URL}/signups`,
     subdomainAvailability: `${BASE_URL}/subdomain_availability`,
@@ -7143,6 +7152,256 @@ const ROUTES = {
     },
 };
 
+const CHAT_WIDGET_TEXTS = {
+    newConversation: "New Conversation",
+    welcomeChatBubble: "Hi! I'm here to assist you with any questions you may have. What can I do for you?",
+};
+
+const HELP_CENTER_SELECTORS = {
+    helpButton: "help-button",
+    documentationButton: "help-link-help-center-button",
+    keyboardShortcutButton: "help-link-keyboard-shortcut-button",
+    chatButton: "help-link-live-chat-button",
+    whatsNewButton: "help-link-changelog-button",
+    whatsNewWidgetInfo: "h1",
+    whatsNewWidgetCloseButton: ".nc-widget-header__btn",
+    keyboardShortcutPaneHeading: "keyboard-shortcuts-pane-title",
+    keyboardShortcutPaneCrossIcon: "keyboard-shortcuts-pane-close-button",
+};
+
+const PROFILE_SECTION_SELECTORS = {
+    profileSectionButton: "profile-section",
+    myProfileButton: "my-profile-button",
+    profileOrganizationSettingsButton: "profile-organization-settings-button",
+    logoutButton: "profile-logout-button",
+};
+
+const CHAT_WIDGET_SELECTORS = {
+    iframe: "#neetochat-iframe",
+    spinner: ".neeto-chat-widget-spinner",
+    helpButton: "help-button",
+    preChatEmailInput: "neeto-chat-widget-input",
+    preChatSubmitButton: "neeto-chat-widget-pre-chat-submit-btn",
+    chatBubble: "neeto-chat-widget-chat-message-bubble",
+    closeChat: "neeto-chat-widget-close-btn",
+};
+const CHANGELOG_WIDGET_SELECTORS = {
+    changelogWrapper: ".nc-widget__wrapper",
+    closeButton: "nc-widget-close-btn",
+    publicUrlLink: "nc-widget-public-url",
+};
+const KEYBOARD_SHORTCUTS_SELECTORS = {
+    keyboardShortcutsPane: "keyboard-shortcuts-pane",
+    closePaneButton: "keyboard-shortcuts-pane-close-button",
+    hotKeyItem: "hotkey-item",
+};
+
+/* eslint-disable playwright/require-top-level-describe */
+class HelpAndProfilePage {
+    constructor({ page, neetoPlaywrightUtilities, chatApiBaseURL, kbDocsBaseURL, changelogBaseURL, }) {
+        this.openHelpCenter = async () => {
+            await expect(async () => {
+                const helpButton = this.page.getByTestId(CHAT_WIDGET_SELECTORS.helpButton);
+                await helpButton.scrollIntoViewIfNeeded();
+                await helpButton.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();
+            await expect(this.neetoChatSpinner).toBeHidden();
+        };
+        this.openAndVerifyChatWidget = async () => {
+            await this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                baseUrl: this.chatApiBaseURL,
+                times: 3,
+            });
+            await test$1.step("Step 1: Open Help Center links", this.openHelpCenter);
+            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.openHelpCenter();
+                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);
+            });
+        };
+        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 () => {
+                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();
+            });
+        };
+        this.openChangelogPane = async () => {
+            await this.page.getByTestId(HELP_CENTER_SELECTORS.whatsNewButton).click();
+            await expect(this.page.locator(CHANGELOG_WIDGET_SELECTORS.changelogWrapper)).toBeVisible();
+        };
+        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);
+            await test$1.step("Step 3: 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.openHelpCenter();
+                await this.openChangelogPane();
+            });
+            await test$1.step("Step 4: 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")
+                .replaceAll("+", "");
+            return osPlatform === "mac"
+                ? formattedShortcut.replace(/ctrl/g, "⌘")
+                : formattedShortcut;
+        };
+        this.openAndVerifyKeyboardShortcutsPane = 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.openHelpCenter);
+            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);
+            });
+        };
+        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 () => {
+                await appSwitcher.scrollIntoViewIfNeeded();
+                await appSwitcher.hover();
+                await expect(this.page.getByTestId(COMMON_SELECTORS.appSwitcherWrapper)).toBeVisible();
+            }).toPass({ timeout: 15000 }));
+        };
+        this.openProfilePopup = () => expect(async () => {
+            await this.profileSectionButton.scrollIntoViewIfNeeded();
+            await this.profileSectionButton.hover();
+            await expect(this.profileSectionButton).toBeVisible();
+        }).toPass({ timeout: 15000 });
+        this.openAuthLinkAndVerify = async ({ linkSelector, redirectLink, }) => {
+            var _a, _b;
+            const profilePagePromise = this.page.waitForEvent("popup");
+            await this.page.getByTestId(linkSelector).click();
+            const profilePage = await profilePagePromise;
+            await profilePage.waitForLoadState();
+            await expect(profilePage).toHaveURL(new RegExp(NEETO_AUTH_BASE_URL((_b = (_a = readFileSyncIfExists()) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.subdomainName)));
+            await expect(profilePage).toHaveURL(new RegExp(redirectLink));
+            await profilePage.close();
+        };
+        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({
+                linkSelector: PROFILE_SECTION_SELECTORS.myProfileButton,
+                redirectLink: ROUTES.myProfile,
+            }));
+            await test$1.step("Step 3: Open Profile popup and verify", this.openProfilePopup);
+            await test$1.step("Step 4: Open My organization link and verify", async () => this.openAuthLinkAndVerify({
+                linkSelector: PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton,
+                redirectLink: ROUTES.authSettings,
+            }));
+        };
+        this.verifyLogout = async () => {
+            await test$1.step("Step 1: Open Profile popup and verify", this.openProfilePopup);
+            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;
+        this.kbDocsBaseURL = kbDocsBaseURL;
+        this.changelogBaseURL = changelogBaseURL;
+        this.neetoChatWidget = this.page.locator(CHAT_WIDGET_SELECTORS.iframe);
+        this.neetoChatFrame = this.neetoChatWidget.frameLocator(":scope"); // Converting locator to a framelocator
+        this.neetoChatSpinner = this.neetoChatFrame.locator(CHAT_WIDGET_SELECTORS.spinner);
+        this.profileSectionButton = this.page.getByTestId(PROFILE_SECTION_SELECTORS.profileSectionButton);
+        this.t = getI18nInstance().t;
+    }
+}
+
 const SIGNUP_SELECTORS = {
     emailTextField: "signup-email-text-field",
     firstNameTextField: "signup-profile-first-name-text-field",
@@ -7178,7 +7437,7 @@ class OrganizationPage {
             await this.page.getByTestId(SIGNUP_SELECTORS.emailTextField).fill(email);
             const signup = this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 responseUrl: ROUTES.signup,
-                baseUrl: ROUTES.neetoAuth,
+                baseUrl: NEETO_AUTH_BASE_URL(),
             });
             await this.page.getByTestId(SIGNUP_SELECTORS.submitButton).click();
             await signup;
@@ -7213,7 +7472,7 @@ class OrganizationPage {
             await this.page.getByTestId(COMMON_SELECTORS.checkbox).click();
             const submitProfile = this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 responseUrl: ROUTES.signup,
-                baseUrl: ROUTES.neetoAuth,
+                baseUrl: NEETO_AUTH_BASE_URL(),
             });
             await this.page.getByTestId(SIGNUP_SELECTORS.profileSubmitButton).click();
             await submitProfile;
@@ -7276,6 +7535,11 @@ class OrganizationPage {
     }
 }
 
+const USER_AGENTS = {
+    windows: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36",
+    mac: "Mozilla/5.0 (Macintosh; Intel Mac OS X 14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
+};
+
 const NEETO_EDITOR_SELECTORS = {
     boldOption: "neeto-editor-fixed-menu-bold-option",
     italicOption: "neeto-editor-fixed-menu-italic-option",
@@ -7313,25 +7577,6 @@ const NEETO_FILTERS_SELECTORS = {
     paneModalCrossIcon: "neeto-filters-close-button",
 };
 
-const HELP_CENTER_SELECTORS = {
-    helpButton: "help-button",
-    documentationButton: "help-link-help-center-button",
-    keyboardShortcutButton: "help-link-keyboard-shortcut-button",
-    chatButton: "help-link-live-chat-button",
-    whatsNewButton: "help-link-changelog-button",
-    whatsNewWidgetInfo: "h1",
-    whatsNewWidgetCloseButton: ".nc-widget-header__btn",
-    keyboardShortcutPaneHeading: "keyboard-shortcuts-pane-title",
-    keyboardShortcutPaneCrossIcon: "keyboard-shortcuts-pane-close-button",
-};
-const CHAT_WIDGET_SELECTORS = {
-    chatWidgetHomeCard: "neeto-chat-widget-cta-title",
-    widgetSubmitButton: "neeto-chat-widget-pre-chat-submit-btn",
-    chatBubbleMessage: "neeto-chat-widget-chat-message-bubble",
-    chatCloseButton: ".neeto-chat-widget-icon--close",
-    widgetIframe: "#neetochat-iframe",
-};
-
 const LOGIN_SELECTORS = {
     appleAuthenticationButton: "apple-authentication-button",
     emailTextField: "login-email-text-field",
@@ -7934,8 +8179,9 @@ main.expand = expand;
 
 // @ts-check
 var _a, _b;
+process.env.TEST_ENV = (_a = process.env.TEST_ENV) !== null && _a !== void 0 ? _a : ENVIRONMENT.development;
 const env = main$2.exports.config({
-    path: `./e2e/config/.env.${(_a = process.env.TEST_ENV) !== null && _a !== void 0 ? _a : "development"}`,
+    path: `./e2e/config/.env.${process.env.TEST_ENV}`,
 });
 main.expand(env);
 if (require$$0.existsSync("./e2e/config/.env.local")) {
@@ -7989,5 +8235,5 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { BASE_URL, CHAT_WIDGET_SELECTORS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, ENVIRONMENT, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, IS_STAGING_ENV, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, STORAGE_STATE, TAGS_SELECTORS, clearCredentials, commands, definePlaywrightConfig, extractSubdomainFromError, generateStagingData, hyphenize, i18nFixture, initializeCredentials, joinHyphenCase, joinString, login, loginWithoutSSO, readFileSyncIfExists, skipTest, updateCredentials, writeDataToFile };
+export { BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, ENVIRONMENT, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, IS_STAGING_ENV, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, STORAGE_STATE, TAGS_SELECTORS, USER_AGENTS, clearCredentials, commands, definePlaywrightConfig, extractSubdomainFromError, generateStagingData, hyphenize, i18nFixture, initializeCredentials, joinHyphenCase, joinString, login, loginWithoutSSO, readFileSyncIfExists, skipTest, updateCredentials, writeDataToFile };
 //# sourceMappingURL=index.js.map