@bigbinary/neeto-playwright-commons 1.8.11 → 1.8.13

package/index.cjs.js

@@ -187,6 +187,8 @@ const COMMON_SELECTORS = {
     homeButton: "home-button",
     neetoUiSwitch: "nui-switch",
     floatingActionMenuButton: "floating-action-menu-container",
+    columnsDropdownContainer: "columns-dropdown-container",
+    columnsDropdownButton: "columns-dropdown-button",
 };
 
 class CustomCommands {
@@ -7382,20 +7384,6 @@ class HelpAndProfilePage {
                 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 () => {
-                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();
-            });
-        };
         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 () => {
@@ -7409,13 +7397,6 @@ class HelpAndProfilePage {
                 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();
@@ -7423,33 +7404,6 @@ class HelpAndProfilePage {
                 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);
-            await test.test.step("Step 3: 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.openHelpCenter();
-                await this.openChangelogPane();
-            });
-            await test.test.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 test.expect(changelogPage).toHaveURL(this.changelogBaseURL);
-                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 () => {
@@ -7482,52 +7436,6 @@ class HelpAndProfilePage {
                 ? formattedShortcut.replace(/ctrl/g, "⌘").replace(/alt/g, "opt")
                 : 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.test.step("Step 1: Open Help Center", this.openHelpCenter);
-            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.openAndVerifyKeyboardShortcutsPaneV2 = async (productShortcuts, osPlatform = "windows") => {
             const globalShortcuts = [
                 {
@@ -7573,16 +7481,6 @@ class HelpAndProfilePage {
                     .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 () => {
-                await this.hoverOnBody();
-                await appSwitcher.scrollIntoViewIfNeeded();
-                await appSwitcher.hover();
-                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();
@@ -7592,13 +7490,6 @@ class HelpAndProfilePage {
                 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();
-            await this.profileSectionButton.hover();
-            await test.expect(this.page.getByTestId(PROFILE_SECTION_SELECTORS.profilePopup)).toBeVisible();
-        }).toPass({ timeout: 15000 });
         this.openAuthLinkAndVerify = async ({ linkSelector, redirectLink, }) => {
             var _a, _b;
             const profilePagePromise = this.page.waitForEvent("popup");
@@ -7609,19 +7500,6 @@ 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({
-                linkSelector: PROFILE_SECTION_SELECTORS.myProfileButton,
-                redirectLink: ROUTES.myProfile,
-            }));
-            await test.test.step("Step 3: Open Profile popup and verify", this.openProfilePopup);
-            await test.test.step("Step 4: Open My organization link and verify", async () => this.openAuthLinkAndVerify({
-                linkSelector: PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton,
-                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({
@@ -7634,19 +7512,6 @@ class HelpAndProfilePage {
                 redirectLink: ROUTES.authSettings,
             }));
         };
-        // TODO Remove when all apps have migrated to the new navbar style
-        this.verifyLogout = async () => {
-            if (shouldSkipSetupAndTeardown())
-                return;
-            await test.test.step("Step 1: Open Profile popup and verify", this.openProfilePopup);
-            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.verifyLogoutV2 = async () => {
             if (shouldSkipSetupAndTeardown())
                 return;
@@ -7655,8 +7520,12 @@ class HelpAndProfilePage {
                 await this.page
                     .getByTestId(PROFILE_SECTION_SELECTORS.logoutButton)
                     .click();
-                await test.expect(this.page).toHaveURL(new RegExp(NEETO_AUTH_BASE_URL()), { timeout: 15000 });
-                await test.expect(this.page).toHaveURL(new RegExp(ROUTES.loginLink), { timeout: 15000 });
+                await test.expect(this.page).toHaveURL(new RegExp(NEETO_AUTH_BASE_URL()), {
+                    timeout: 15000,
+                });
+                await test.expect(this.page).toHaveURL(new RegExp(ROUTES.loginLink), {
+                    timeout: 15000,
+                });
             });
         };
         this.page = page;
@@ -8314,6 +8183,40 @@ const memberUtils = {
     deactivateMemberViaRequest,
 };
 
+const assertColumnHeaderVisibility = async ({ page, columnName, shouldBeVisible, }) => {
+    const visibilityAssertion = shouldBeVisible ? "toBeVisible" : "toBeHidden";
+    await test.expect(page.getByRole("columnheader", { name: columnName }))[visibilityAssertion]();
+};
+const toggleColumnCheckboxAndVerifyVisibility = async ({ page, tableColumns, shouldBeChecked, }) => {
+    await page.getByTestId(COMMON_SELECTORS.columnsDropdownButton).click();
+    for (const columnName of tableColumns) {
+        const checkbox = page
+            .getByTestId(COMMON_SELECTORS.columnsDropdownContainer)
+            .getByRole("listitem")
+            .filter({ hasText: columnName })
+            .getByRole("checkbox");
+        const isCheckBoxChecked = await checkbox.isChecked();
+        if (isCheckBoxChecked !== shouldBeChecked) {
+            await checkbox.click();
+        }
+        shouldBeChecked
+            ? await test.expect(checkbox).toBeChecked()
+            : await test.expect(checkbox).not.toBeChecked();
+    }
+    await page.getByTestId(COMMON_SELECTORS.columnsDropdownButton).click();
+    for (const columnName of tableColumns) {
+        await assertColumnHeaderVisibility({
+            page,
+            columnName,
+            shouldBeVisible: shouldBeChecked,
+        });
+    }
+};
+const tableUtils = {
+    assertColumnHeaderVisibility,
+    toggleColumnCheckboxAndVerifyVisibility,
+};
+
 var main$2 = {exports: {}};
 
 var name = "dotenv";
@@ -8904,6 +8807,7 @@ exports.readFileSyncIfExists = readFileSyncIfExists;
 exports.removeCredentialFile = removeCredentialFile;
 exports.shouldSkipSetupAndTeardown = shouldSkipSetupAndTeardown;
 exports.skipTest = skipTest;
+exports.tableUtils = tableUtils;
 exports.updateCredentials = updateCredentials;
 exports.writeDataToFile = writeDataToFile;
 //# sourceMappingURL=index.cjs.js.map