@bigbinary/neeto-playwright-commons 1.17.3 → 1.17.4

package/README.md

@@ -3,17 +3,24 @@
 A library that packages common boilerplate Playwright code necessary for all
 neeto products.
 
-## Installation Instructions
-
-Install from npm:
+## Installing neeto-playwright-commons in a Playwright Project
 
+First, navigate to the Playwright test directory:
+```bash
+cd playwright-tests
+```
+Then, install the package using Yarn:
 ```bash
 yarn add "@bigbinary/neeto-playwright-commons@latest"
 ```
+If `neeto-playwright-commons` is already listed in `package.json` of Playwright project, simply install dependencies with:
+```bash
+yarn install
+```
 
 ## Dependencies
 
-**neetoPlaywrightCommons** has some peer dependencies which can be installed
+**neeto-playwright-commons** has some peer dependencies which can be installed
 using the commands listed below:
 
 ### `neeto-cist`

package/index.cjs.js

@@ -140,6 +140,9 @@ const COLOR = {
     softBlue: "rgb(230, 244, 255)",
 };
 const DATE_TEXTS = { now: "Now", nextYear: "next-year" };
+const EMPTY_STORAGE_STATE = {
+    storageState: { cookies: [], origins: [] },
+};
 
 /* eslint-disable playwright/no-skipped-test */
 const execCommand = (command) => child_process.execSync(command)
@@ -3912,12 +3915,14 @@ class CustomCommands {
         };
         this.recursiveMethod = async (callback, condition, timeout, startTime, iteration) => {
             if (Date.now() - timeout >= startTime) {
+                await callback();
                 return false;
             }
             else if (await condition()) {
                 return await callback();
             }
-            await this.waitUntilTimeout(Math.pow(2, iteration) * 1000);
+            const timeToWaitInSecs = iteration > 3 ? 10 : Math.pow(2, iteration);
+            await this.waitUntilTimeout(timeToWaitInSecs * 1000);
             return await this.recursiveMethod(callback, condition, timeout, startTime, iteration + 1);
         };
         this.executeRecursively = async ({ callback, condition, timeout = 5000, }) => {
@@ -21754,6 +21759,41 @@ class HelpAndProfilePage {
                 });
             });
         };
+        this.openAuthLinkAndVerifyV1 = async ({ linkName, redirectLink, }) => {
+            var _a, _b;
+            await this.page
+                .getByTestId(COMMON_SELECTORS.pane)
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page
+                .getByTestId(COMMON_SELECTORS.dropdownContainer)
+                .getByRole("link", { name: linkName })
+                .click();
+            await test$1.expect(this.page).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 test$1.expect(this.page).toHaveURL(new RegExp(redirectLink));
+            await this.page.goBack();
+        };
+        this.verifyProfileAndOrganizationLinksV3 = async () => {
+            await test$1.test.step("Step 1: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.test.step("Step 2: Open My profile link and verify", async () => {
+                const profileSidebarHeader = this.page.getByTestId(COMMON_SELECTORS.paneHeader);
+                await this.page
+                    .getByTestId(PROFILE_SECTION_SELECTORS.myProfileButton)
+                    .click();
+                await test$1.expect(profileSidebarHeader).toContainText(this.t("neetoTeamMembers.profile.common.myProfile"));
+                await this.openAuthLinkAndVerifyV1({
+                    redirectLink: ROUTES.myProfile,
+                    linkName: this.t("neetoTeamMembers.buttons.manageBillingAndSubscriptions"),
+                });
+            });
+            await test$1.test.step("Step 3: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.test.step("Step 4: Open My organization link and verify", async () => {
+                await this.page
+                    .getByTestId(PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton)
+                    .click();
+                await test$1.expect(this.page).toHaveURL(new RegExp(ROUTES.dashboard));
+            });
+        };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.chatApiBaseURL = chatApiBaseURL;
@@ -24028,7 +24068,9 @@ class ZapierPage extends IntegrationBase {
                 name: ZAPIER_WEB_TEXTS.continue,
                 exact: true,
             });
-            await zapierWebPage.goto(THIRD_PARTY_ROUTES.zapier.login);
+            await zapierWebPage.goto(THIRD_PARTY_ROUTES.zapier.login, {
+                referer: THIRD_PARTY_ROUTES.zapier.login,
+            });
             await test$1.expect(zapierWebPage.getByRole("link", {
                 name: ZAPIER_WEB_TEXTS.startFreeWithEmail,
             })).toBeVisible();
@@ -25758,22 +25800,29 @@ const toggleColumnCheckboxAndVerifyVisibility = async ({ page, tableColumns, sho
 };
 const verifyFreezeColumnAction = async (page, t) => {
     const columnHeader = page.getByRole("columnheader");
-    const checkboxVisible = await columnHeader.getByRole("checkbox").isVisible();
+    const [columnHeaders, originalColumnNames, checkboxVisible] = await Promise.all([
+        columnHeader.all(),
+        columnHeader.allTextContents(),
+        columnHeader.getByRole("checkbox").isVisible(),
+    ]);
     const columnOffset = checkboxVisible ? 1 : 0;
-    const freezeColumnButton = page
-        .getByTestId(TABLE_SELECTORS.freezeUnfreezeButton)
-        .filter({
-        hasText: t("neetoui.table.freezeColumn"),
+    await unFreezeAllColumns({ columnHeaders, columnOffset, page, t });
+    await toggleColumnState({ columnHeaders, columnOffset, page });
+    await validateColumnNames(columnHeaders, columnOffset, originalColumnNames);
+    await toggleColumnState({
+        columnHeaders,
+        columnOffset,
+        action: "Unfreeze",
+        page,
     });
+    await test$1.expect(columnHeader).toHaveText(originalColumnNames);
+};
+const unFreezeAllColumns = async ({ columnHeaders, columnOffset, page, t, }) => {
     const unFreezeColumnButton = page
         .getByTestId(TABLE_SELECTORS.freezeUnfreezeButton)
         .filter({
         hasText: t("neetoui.table.unFreezeColumn"),
     });
-    const [columnHeaders, originalColumnNames] = await Promise.all([
-        columnHeader.all(),
-        columnHeader.allTextContents(),
-    ]);
     for (let i = columnHeaders.length - 1; i >= columnOffset; i--) {
         const currentHeader = columnHeaders[i];
         await currentHeader.getByTestId(TABLE_SELECTORS.columnMenuButton).click();
@@ -25783,22 +25832,27 @@ const verifyFreezeColumnAction = async (page, t) => {
                 .getByTestId(TABLE_SELECTORS.columnMenuButton)
                 .click();
     }
-    for (let i = columnOffset; i < columnHeaders.length - 1; i++) {
-        const lastDropdown = columnHeaders[columnHeaders.length - 1];
-        await lastDropdown.getByTestId(TABLE_SELECTORS.columnMenuButton).click();
-        await freezeColumnButton.click();
+};
+const toggleColumnState = async ({ columnHeaders, columnOffset, action = "Freeze", page, }) => {
+    const firstColumnIndex = columnOffset;
+    const lastColumnIndex = columnHeaders.length - 1;
+    const targetIndex = action === "Freeze" ? lastColumnIndex : firstColumnIndex;
+    const toggleButton = page
+        .getByTestId(TABLE_SELECTORS.freezeUnfreezeButton)
+        .filter({ hasText: action });
+    for (let i = firstColumnIndex; i < lastColumnIndex; i++) {
+        const columnHeader = columnHeaders[targetIndex];
+        (await page.getByTestId(COMMON_SELECTORS.tooltip).isVisible()) &&
+            (await page.getByTestId(COMMON_SELECTORS.heading).hover());
+        await columnHeader.getByTestId(TABLE_SELECTORS.columnMenuButton).click();
+        await toggleButton.click();
     }
+};
+const validateColumnNames = async (columnHeaders, columnOffset, originalColumnNames) => {
     for (let i = columnOffset; i < originalColumnNames.length - 1; i++) {
         const expectedName = originalColumnNames[i + 1];
         await test$1.expect(columnHeaders[i]).toHaveText(expectedName);
     }
-    for (let i = columnOffset; i < columnHeaders.length - 1; i++) {
-        const currentHeader = columnHeaders[columnOffset];
-        await currentHeader.getByTestId(TABLE_SELECTORS.columnMenuButton).click();
-        await unFreezeColumnButton.click();
-    }
-    const currentColumnNames = await columnHeader.allTextContents();
-    test$1.expect(currentColumnNames).toStrictEqual(originalColumnNames);
 };
 const tableUtils = {
     verifyTableColumnsExistence,
@@ -158876,6 +158930,7 @@ exports.DATE_TEXTS = DATE_TEXTS;
 exports.DESCRIPTION_EDITOR_TEXTS = DESCRIPTION_EDITOR_TEXTS;
 exports.EMBED_SELECTORS = EMBED_SELECTORS;
 exports.EMOJI_LABEL = EMOJI_LABEL;
+exports.EMPTY_STORAGE_STATE = EMPTY_STORAGE_STATE;
 exports.ENGAGE_TEXTS = ENGAGE_TEXTS;
 exports.ENVIRONMENT = ENVIRONMENT;
 exports.EXPANDED_FONT_SIZE = EXPANDED_FONT_SIZE;