@bigbinary/neeto-playwright-commons 1.26.1 → 1.26.3

package/index.cjs.js

@@ -4602,6 +4602,8 @@ const COMMON_SELECTORS = {
     heading: "main-header",
     paneBody: "pane-body",
     paneHeader: "pane-header",
+    filterButon: "filter-button",
+    menuButton: "neeto-molecules-menu-button",
     profileSidebar: "profile-section",
     selectOption: (label) => `${neetoCist.hyphenate(label)}-select-option`,
     radioLabel: (embedLabel) => `${neetoCist.hyphenate(embedLabel)}-radio-label`,
@@ -4647,7 +4649,7 @@ const COMMON_SELECTORS = {
     ticketFieldTextInput: (label) => `${neetoCist.hyphenate(label)}-text-input`,
     appSwitcherButton: "product-switcher-button",
     appSwitcherWrapper: "switcher-wrapper",
-    appLink: (appName) => `${appName}-app-link`,
+    appLink: (appName) => `${appName.toLowerCase()}-app-link`,
     tableSpinner: ".ant-spin",
     pageLoader: "neeto-molecules-pageloader",
     homeButton: "home-button",
@@ -5027,7 +5029,7 @@ const EMBED_SELECTORS = {
     inlineHeightInput: "inline-height-input-field",
     inlineWidthInput: "inline-width-input-field",
     inlineElementIdInput: "inline-element-id-input-field",
-    codeBlock: "code-block",
+    codeBlock: "html-code-block",
     previewTab: "preview-tab",
     htmlTab: "html-tab",
     buttonTextInput: "button-text-input-field",
@@ -5176,6 +5178,7 @@ const PROFILE_SECTION_SELECTORS = {
     profileSectionButton: "profile-section",
     profilePopup: "profile-popup",
     myProfileButton: "my-profile-button",
+    workspaceDisplay: "workspace-display",
     profileOrganizationSettingsButton: "profile-organization-settings-button",
     logoutButton: "profile-logout-button",
     neetoAuthLink: "ntm-visit-auth-button",
@@ -114194,11 +114197,10 @@ class HelpAndProfilePage {
         this.verifyProfileAndOrganizationLinks = async () => {
             await test.test.step("1: Open Help center and verify", this.openHelpCenter);
             await test.test.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.expect(profileSidebarHeader).toContainText(this.t("neetoTeamMembers.profile.common.myProfile"));
+                await test.expect(this.page.getByTestId(COMMON_SELECTORS.paneHeader)).toContainText(this.t("neetoTeamMembers.profile.common.myProfile"));
                 await this.openAuthLinkAndVerify({
                     redirectLink: ROUTES.myProfile,
                     linkTestId: PROFILE_SECTION_SELECTORS.manageBillingAndSubscriptionsButton,
@@ -114207,9 +114209,16 @@ class HelpAndProfilePage {
             await test.test.step("3: Open Help center and verify", this.openHelpCenter);
             await test.test.step("4: Open My organization link and verify", async () => {
                 await this.page
-                    .getByTestId(PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton)
+                    .getByTestId(PROFILE_SECTION_SELECTORS.workspaceDisplay)
                     .click();
-                await test.expect(this.page).toHaveURL(new RegExp(ROUTES.auth.adminPanel));
+                const [workspacePage] = await Promise.all([
+                    this.page.waitForEvent("popup"),
+                    this.page
+                        .getByTestId(PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton)
+                        .click(),
+                ]);
+                await workspacePage.waitForLoadState();
+                await test.expect(workspacePage).toHaveURL(new RegExp(ROUTES.auth.adminPanel));
             });
         };
         this.openAndVerifyStatus = async (appName) => {
@@ -114266,14 +114275,11 @@ class HelpAndProfilePage {
             });
         };
         this.verifyThemeSwitcher = async (expectedScreenshot) => {
-            let bodyElement, fabContainer;
-            await test.test.step("1: Verify light theme", async () => {
-                bodyElement = this.page.locator("body");
-                await Promise.all([
-                    test.expect(bodyElement).toHaveClass(THEMES_TEXTS.lightThemeClass),
-                    test.expect(bodyElement).not.toHaveClass(THEMES_TEXTS.darkThemeClass),
-                ]);
-            });
+            const bodyElement = this.page.locator("body");
+            await test.test.step("1: Verify light theme", () => Promise.all([
+                test.expect(bodyElement).toHaveClass(THEMES_TEXTS.lightThemeClass),
+                test.expect(bodyElement).not.toHaveClass(THEMES_TEXTS.darkThemeClass),
+            ]));
             await test.test.step("2: Open Help Center", () => this.openHelpCenter());
             await test.test.step("3: Switch to dark theme", async () => {
                 await this.page.getByTestId(THEMES_SELECTORS.themeSwitcherButton).click();
@@ -114282,16 +114288,13 @@ class HelpAndProfilePage {
                     .click();
             });
             await test.test.step("4: Verify dark theme", async () => {
-                fabContainer = this.page
-                    .getByTestId(COMMON_SELECTORS.dropdownContainer)
-                    .filter({ hasText: this.t("neetoMolecules.sidebar.myProfile") });
                 await Promise.all([
                     test.expect(bodyElement).toHaveClass(THEMES_TEXTS.darkThemeClass),
                     test.expect(bodyElement).not.toHaveClass(THEMES_TEXTS.lightThemeClass),
                 ]);
-                await test.expect(fabContainer).toHaveScreenshot(expectedScreenshot, {
-                    maxDiffPixelRatio: 0.1,
-                });
+                await test.expect(this.page.getByTestId(COMMON_SELECTORS.dropdownContainer).filter({
+                    has: this.page.getByTestId(PROFILE_SECTION_SELECTORS.myProfileButton),
+                })).toHaveScreenshot(expectedScreenshot, { maxDiffPixelRatio: 0.1 });
             });
         };
         this.updateProfile = async ({ firstName, lastName }) => {
@@ -117817,7 +117820,10 @@ class ImageUploader {
 }
 
 const openFilterPane = async (page) => {
-    await page.getByTestId(NEETO_FILTERS_SELECTORS.filterButton).click();
+    await page
+        .getByTestId(NEETO_FILTERS_SELECTORS.filterButton)
+        .or(page.getByTestId(COMMON_SELECTORS.filterButon))
+        .click();
     await test.expect(page.getByTestId(COMMON_SELECTORS.paneHeader)).toHaveText(playwrightI18nextFixture.getI18nInstance().t("neetoFilters.common.filters"));
 };
 const clearFiltersFromActionBlock = async (page) => {
@@ -117940,7 +117946,8 @@ class TeamMembers {
             await test.expect(this.page.locator(COMMON_SELECTORS.tableSpinner)).toBeHidden();
         };
         this.filterMembers = async ({ email = { id: "", condition: "Is" }, roles = [], name = "", }) => {
-            await this.page.getByTestId(NEETO_FILTERS_SELECTORS.filterButton).click();
+            await filterUtils.clearFiltersFromActionBlock(this.page);
+            await filterUtils.openFilterPane(this.page);
             if (neetoCist.isPresent(email.id)) {
                 await this.page
                     .getByTestId(NEETO_FILTERS_SELECTORS.emailSelectContainer)
@@ -118455,7 +118462,9 @@ class CustomDomainPage {
             const validateButton = this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainValidateButton);
             await Promise.all([
                 test.expect(validateButton).toBeVisible(),
-                test.expect(this.page.getByTestId(COMMON_SELECTORS.paneHeader).getByText(domain)).toBeVisible(),
+                test.expect(this.page
+                    .getByTestId(COMMON_SELECTORS.paneBody)
+                    .getByRole("cell", { name: domain.split(".")[0] })).toBeVisible(),
             ]);
             await this.neetoPlaywrightUtilities.waitForPageLoad();
             let isCertificateLimitExceeded = false;