@bigbinary/neeto-playwright-commons 1.17.8 → 1.18.0

package/index.cjs.js

@@ -330,6 +330,8 @@ const COMMON_SELECTORS = {
     modalForever: "modal-footer",
     navigationHeader: "navigation-header",
     buttonSpinner: ".neeto-ui-btn__spinner",
+    pendingTagContainer: "pending-tag-container",
+    nextYearButton: "next-year-button",
     customSelectValueContainer: (label = "nui") => `${hyphenize(label)}-select-value-container`,
     customDropDownMenu: (label = "nui") => `${hyphenize(label)}-select-menu`,
     popoverTitle: "popover-title",
@@ -21296,6 +21298,39 @@ const i18nFixture = {
     ],
 };
 
+const ADMIN_PANEL_SELECTORS = {
+    settingsItemHeading: "settings-item-heading",
+    settingsItemDescription: "settings-item-description",
+    expiryDateInput: "expiry-date-input",
+};
+const CUSTOM_DOMAIN_SELECTORS = {
+    addCustomDomainButton: "add-new-custom-domain-button",
+    customDomainInputField: "custom-domain-input-field",
+    submitCustomDomainButton: "submit-custom-domain-button",
+    customDomainValidateButton: "validate-domain-button",
+    moreDropdownButton: "custom-domains-more-dropdown-button",
+    editCustomDomainButton: "edit-custom-domain-button",
+    deleteCustomDomainButton: "delete-custom-domain-button",
+};
+const API_KEYS_SELECTORS = {
+    editApiKeyButton: "api-key-edit-button",
+    deleteApiKeyButton: "api-key-delete-button",
+    addApiKeyButton: "add-api-key-button",
+};
+
+class AdminPanelPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.verifyAdminPanelCard = ({ cardLocator, title, description, }) => Promise.all([
+            test$1.expect(cardLocator.getByTestId(ADMIN_PANEL_SELECTORS.settingsItemHeading)).toHaveText(title),
+            test$1.expect(cardLocator.getByTestId(ADMIN_PANEL_SELECTORS.settingsItemDescription)).toHaveText(description),
+            test$1.expect(this.page.getByTestId(COMMON_SELECTORS.sidebarSubLink(title))).toHaveCSS("background-color", COLOR.transparent),
+        ]);
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = playwrightI18nextFixture.getI18nInstance().t;
+    }
+}
+
 class ThankYouPage {
     constructor(page, neetoPlaywrightUtilities) {
         this.navigateToThankYouPage = async () => {
@@ -25087,9 +25122,8 @@ class TeamMembers {
                 .getByTestId(NEETO_FILTERS_SELECTORS.filterDoneButton)
                 .click();
         };
-        // TODO: Change the selector after this issue is resolved: https://github.com/bigbinary/neeto-team-members-nano/issues/258
-        this.getMemberRowByName = (name) => this.page.getByRole("row", {
-            name: IS_STAGING_ENV ? name : `avatar--${name}`,
+        this.getMemberRowByName = (name) => this.page.getByRole("row").filter({
+            has: this.page.getByTestId(MEMBER_SELECTORS.memberNameCell(name)),
         });
         this.takeActionOnMembers = async ({ names = [], state, action, }) => {
             if (neetoCist.isPresent(names)) {
@@ -25414,12 +25448,6 @@ class OrganizationPage {
     }
 }
 
-const ADMIN_PANEL_SELECTORS = {
-    settingsItemHeading: "settings-item-heading",
-    settingsItemDescription: "settings-item-description",
-    expiryDateInput: "expiry-date-input",
-};
-
 class ApiKeysPage {
     constructor(page, neetoPlaywrightUtilities) {
         this.fillApiKeyDetails = async ({ label, expiryDate }) => {
@@ -25435,7 +25463,7 @@ class ApiKeysPage {
                     .getByTestId(COMMON_SELECTORS.paneBody)
                     .getByTestId(ADMIN_PANEL_SELECTORS.expiryDateInput)
                     .click();
-                //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-kb-playwright/issues/47 is resolved
+                //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-playwright-commons/issues/602 is resolved
                 await this.page.getByLabel(DATE_TEXTS.nextYear, { exact: true }).click();
                 await this.page.getByText(expiryDate, { exact: true }).click();
             }
@@ -25451,19 +25479,17 @@ class ApiKeysPage {
             })).toBeVisible(),
         ]);
         this.editApiKey = async ({ label, expiryDate }) => {
-            //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-kb-playwright/issues/46 is resolved
             await this.page
                 .getByTestId(COMMON_SELECTORS.dropdownContainer)
-                .getByRole("button", { name: this.t("common.edit") })
+                .getByTestId(API_KEYS_SELECTORS.editApiKeyButton)
                 .click();
             await this.fillApiKeyDetails({ label, expiryDate });
         };
         this.deleteApiKey = async (targetRow) => {
             await targetRow.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
-            //TODO: Use data-cy labels when this https://github.com/bigbinary/neeto-kb-playwright/issues/46 is resolved
             await this.page
                 .getByTestId(COMMON_SELECTORS.dropdownContainer)
-                .getByRole("button", { name: this.t("common.delete") })
+                .getByTestId(API_KEYS_SELECTORS.deleteApiKeyButton)
                 .click();
             await this.page
                 .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
@@ -25516,6 +25542,48 @@ class AuditLogsPage {
     }
 }
 
+class CustomDomainPage {
+    constructor(page, neetoPlaywrightUtilities) {
+        this.addCustomDomainViaUI = async (domainName) => {
+            const addCustomDomainButton = this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.addCustomDomainButton);
+            await test$1.expect(addCustomDomainButton).toBeVisible();
+            (await addCustomDomainButton.isDisabled()) &&
+                (await this.deleteCustomDomainViaUI());
+            await addCustomDomainButton.click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeVisible();
+            await this.page
+                .getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainInputField)
+                .fill(domainName);
+            await this.page
+                .getByTestId(CUSTOM_DOMAIN_SELECTORS.submitCustomDomainButton)
+                .click();
+            await test$1.expect(this.page.getByTestId(CUSTOM_DOMAIN_SELECTORS.customDomainValidateButton)).toBeVisible();
+            await this.page.getByTestId(COMMON_SELECTORS.paneModalCrossIcon).click();
+            await Promise.all([
+                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeHidden(),
+                test$1.expect(addCustomDomainButton).toBeDisabled(),
+                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.pendingTagContainer)).toBeVisible(),
+                test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody).getByText(domainName)).toBeVisible(),
+            ]);
+        };
+        this.deleteCustomDomainViaUI = async () => {
+            await this.page.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
+            await this.page
+                .getByTestId(CUSTOM_DOMAIN_SELECTORS.deleteCustomDomainButton)
+                .click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.alertTitle)).toHaveText(this.t("neetoCustomDomains.delete"));
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifyToast();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.noDataTitle)).toBeVisible();
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = playwrightI18nextFixture.getI18nInstance().t;
+    }
+}
+
 class RoleApis {
     constructor(neetoPlaywrightUtilities) {
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
@@ -25875,6 +25943,11 @@ const verifyFreezeColumnAction = async (page, t) => {
         columnHeader.getByRole("checkbox").isVisible(),
     ]);
     const columnOffset = checkboxVisible ? 1 : 0;
+    const moreThanFiveColumns = columnHeaders.length > 5;
+    moreThanFiveColumns &&
+        (await page.evaluate(() => {
+            document.body.style.zoom = "0.25";
+        }));
     await unFreezeAllColumns({ columnHeaders, columnOffset, page, t });
     await toggleColumnState({ columnHeaders, columnOffset, page });
     await validateColumnNames(columnHeaders, columnOffset, originalColumnNames);
@@ -25885,6 +25958,10 @@ const verifyFreezeColumnAction = async (page, t) => {
         page,
     });
     await test$1.expect(columnHeader).toHaveText(originalColumnNames);
+    moreThanFiveColumns &&
+        (await page.evaluate(() => {
+            document.body.style.zoom = "1";
+        }));
 };
 const unFreezeAllColumns = async ({ columnHeaders, columnOffset, page, t, }) => {
     const unFreezeColumnButton = page
@@ -25912,7 +25989,7 @@ const toggleColumnState = async ({ columnHeaders, columnOffset, action = "Freeze
     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 page.mouse.move(0, 0));
         await columnHeader.getByTestId(TABLE_SELECTORS.columnMenuButton).click();
         await toggleButton.click();
     }
@@ -158967,6 +159044,7 @@ const definePlaywrightConfig = (overrides) => {
 
 exports.API_ROUTES = API_ROUTES;
 exports.AUDIT_LOGS_TEXTS = AUDIT_LOGS_TEXTS;
+exports.AdminPanelPage = AdminPanelPage;
 exports.ApiKeysPage = ApiKeysPage;
 exports.AuditLogsPage = AuditLogsPage;
 exports.BASE_URL = BASE_URL;
@@ -158978,6 +159056,7 @@ exports.COMMON_SELECTORS = COMMON_SELECTORS;
 exports.COMMON_TEXTS = COMMON_TEXTS;
 exports.CREDENTIALS = CREDENTIALS;
 exports.CustomCommands = CustomCommands;
+exports.CustomDomainsPage = CustomDomainPage;
 exports.DATE_TEXTS = DATE_TEXTS;
 exports.DESCRIPTION_EDITOR_TEXTS = DESCRIPTION_EDITOR_TEXTS;
 exports.EMBED_SELECTORS = EMBED_SELECTORS;