@bigbinary/neeto-playwright-commons 1.9.6 → 1.9.8

package/index.js

@@ -14,7 +14,7 @@ import require$$0$3 from 'os';
 import Stream$4 from 'stream';
 import require$$0$4 from 'events';
 import { getI18nInstance, initI18n } from 'playwright-i18next-fixture';
-import { isNotEmpty, humanize, isNotPresent } from '@bigbinary/neeto-cist';
+import { isNotEmpty, humanize, isPresent, dynamicArray, isNotPresent } from '@bigbinary/neeto-cist';
 import http$1 from 'http';
 import Url from 'url';
 import require$$0$5 from 'punycode';
@@ -309,6 +309,9 @@ const COMMON_SELECTORS = {
     sidebarSubLink: (label) => `${hyphenize(label)}-sub-link`,
     sidebarGoBackButton: (label) => `${hyphenize(label)}-go-back-button`,
     selectSingleValue: "select-single-value",
+    actionSelectIndicator: "action-select-indicator",
+    takeActionDropdown: "take-action-dropdown-icon",
+    columnsSearchInput: "neeto-ui-columns-search",
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2720,6 +2723,10 @@ class CustomCommands {
             await uploadFile;
             await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
         };
+        this.verifyTooltip = async ({ triggerElement, content, }) => {
+            await triggerElement.hover();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.tooltip)).toContainText(content);
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -12656,6 +12663,10 @@ const CHAT_WIDGET_TEXTS = {
 };
 const MEMBER_TEXTS = {
     agent: "Agent",
+    admin: "Admin",
+    selectAll: "Select All",
+    hide: "Hide all",
+    show: "Show all",
 };
 const INTEGRATIONS_TEXTS = {
     connectHeader: (integration) => `Connect your ${integration} account`,
@@ -13993,6 +14004,232 @@ class ImageUploader {
     }
 }
 
+const MEMBER_SELECTORS = {
+    membersTab: "members-nav-tab",
+    newButton: "ntm-add-member-button",
+    continueButton: "ntm-manage-member-continue-button",
+    submitButton: "ntm-manage-member-submit-button",
+    searchTextField: "ntm-search-members-input",
+    deactivatedAgentsButton: "ntm-members-menubar-deactivated-block",
+    activatedMembersButton: "ntm-members-menubar-active-block",
+    columnCheckBox: "neeto-ui-columns-checkbox",
+    roleLabel: (role) => `${joinHyphenCase(role)}-radio-label`,
+    teamMembersTable: "ntm-members-table",
+    dropDownIcon: "ntm-members-table-row-dropdown-button",
+    editButton: "ntm-edit-member-button",
+    menuBarHeading: "ntm-members-menubar-heading",
+    activateOrDeactivateMember: "ntm-deactivate-member-button",
+    columnsButton: "columns-dropdown-button",
+    columnsDropdownContainer: "columns-dropdown-container",
+    emailDropdownItemLabel: "email-checkbox-label",
+    roleDropdownItemLabel: "role-checkbox-label",
+    inviteStatusDropdownItemLabel: "invite-status-checkbox-label",
+    heading: "ntm-manage-members-pane-header",
+    activateButton: "ntm-activate-members-button",
+    deactivateButton: "ntm-deactivate-members-button",
+    rolesButton: "ntm-manage-member-roles-button",
+    statusTag: "ntm-member-status-tag",
+    menubarSubLink: (sublink) => `members-menubar-${sublink}-block-sub-link`,
+    takeActionStateOption: (option = "") => `ntm-${hyphenize(option)}-members-button`,
+    checkboxLabel: (label) => `${hyphenize(label)}-checkbox-label`,
+};
+const MEMBER_FORM_SELECTORS = {
+    emailTextField: "email-select-input-field",
+    firstNameTextField: "ntm-edit-member-first-name-text-field",
+    lastNameTextField: "ntm-edit-member-last-name-text-field",
+    emailInput: "ntm-manage-member-email-input",
+    emailErrorField: "emails-input-error",
+    cancelButton: "ntm-manage-member-cancel-button",
+};
+
+class TeamMembers {
+    constructor({ page, neetoPlaywrightUtilities, }) {
+        this.navigateToTeamMembersSublink = async (sublink = "all") => {
+            await this.page.getByTestId(MEMBER_SELECTORS.membersTab).click();
+            await this.page
+                .getByTestId(MEMBER_SELECTORS.menubarSubLink(sublink))
+                .click();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+        };
+        this.addMemberViaUI = async ({ emails = [faker.internet.exampleEmail()], role = "standard", } = {}) => {
+            await this.page.getByTestId(MEMBER_SELECTORS.newButton).click();
+            await this.page
+                .getByTestId(MEMBER_FORM_SELECTORS.emailTextField)
+                .fill(emails.join(", "));
+            await this.page.getByTestId(MEMBER_SELECTORS.roleLabel(role)).click();
+            IS_STAGING_ENV &&
+                (await this.page
+                    .getByTestId(COMMON_SELECTORS.paneBody)
+                    .getByTestId(COMMON_SELECTORS.checkboxLabel)
+                    .click());
+            await this.page.getByTestId(MEMBER_SELECTORS.continueButton).click();
+            await this.page.getByTestId(MEMBER_SELECTORS.submitButton).click();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+        };
+        this.searchAndVerifyMemberByEmail = async ({ email, interceptOptions, }) => {
+            const searchMembers = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: API_ROUTES.teamMembers.index,
+                ...interceptOptions,
+            });
+            await this.page.getByTestId(MEMBER_SELECTORS.searchTextField).fill(email);
+            await searchMembers;
+            await expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.searchTermBlock)).toContainText(email);
+            await expect(this.page.getByRole("cell", { name: email, exact: true })).toBeVisible();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.tableSpinner)).toBeHidden();
+        };
+        this.editMemberViaUI = async ({ email = "", firstName = "", lastName = "", role = "standard", } = {}) => {
+            await this.page.getByTestId(MEMBER_SELECTORS.dropDownIcon).click();
+            await this.page.getByTestId(MEMBER_SELECTORS.editButton).click();
+            isPresent(email) &&
+                (await this.page
+                    .getByTestId(MEMBER_FORM_SELECTORS.emailInput)
+                    .fill(email));
+            isPresent(firstName) &&
+                (await this.page
+                    .getByTestId(MEMBER_FORM_SELECTORS.firstNameTextField)
+                    .fill(firstName));
+            isPresent(lastName) &&
+                (await this.page
+                    .getByTestId(MEMBER_FORM_SELECTORS.lastNameTextField)
+                    .fill(lastName));
+            await this.page.getByTestId(MEMBER_SELECTORS.roleLabel(role)).click();
+            await this.page.getByTestId(MEMBER_SELECTORS.submitButton).click();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+        };
+        this.toggleMemberStateViaUI = async () => {
+            await this.page.getByTestId(MEMBER_SELECTORS.dropDownIcon).click();
+            await this.page
+                .getByTestId(MEMBER_SELECTORS.activateOrDeactivateMember)
+                .click();
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+        };
+        this.filterMembersByMultiSelect = async ({ selectedOptions = [], selectContainerLocator = NEETO_FILTERS_SELECTORS.roleSelectContainer, }) => {
+            await this.page
+                .getByTestId(selectContainerLocator)
+                .getByTestId(COMMON_SELECTORS.actionSelectIndicator)
+                .click();
+            for (const option of selectedOptions) {
+                const fetchMembers = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                    responseUrl: API_ROUTES.teamMembers.index,
+                });
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.selectOption(option))
+                    .click();
+                await fetchMembers;
+            }
+        };
+        this.filterMembers = async ({ email = { id: "", condition: "Is" }, roles = [], name = "", }) => {
+            await this.page.getByTestId(NEETO_FILTERS_SELECTORS.filterButton).click();
+            if (isPresent(email.id)) {
+                await this.page
+                    .getByTestId(NEETO_FILTERS_SELECTORS.emailSelectContainer)
+                    .getByTestId(COMMON_SELECTORS.actionSelectIndicator)
+                    .click();
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.selectOption(email.condition))
+                    .click();
+                const fetchMembers = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                    responseUrl: API_ROUTES.teamMembers.index,
+                });
+                await this.page
+                    .getByTestId(NEETO_FILTERS_SELECTORS.filtersEmailFilter)
+                    .fill(email.id);
+                await fetchMembers;
+            }
+            if (isPresent(name)) {
+                const fetchMembers = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                    responseUrl: API_ROUTES.teamMembers.index,
+                });
+                await this.page
+                    .getByTestId(NEETO_FILTERS_SELECTORS.neetoFiltersNameFilterField)
+                    .fill(name);
+                await fetchMembers;
+            }
+            isPresent(roles) &&
+                (await this.filterMembersByMultiSelect({ selectedOptions: roles }));
+            await this.page
+                .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: `avatar--${name}` });
+        this.takeActionOnMembers = async ({ names = [], state, action, }) => {
+            if (isPresent(names)) {
+                for (const name of names) {
+                    await this.getMemberRowByName(name).getByRole("checkbox").click();
+                }
+            }
+            else {
+                await this.page
+                    .getByRole("columnheader", { name: MEMBER_TEXTS.selectAll })
+                    .click();
+            }
+            await this.page.getByTestId(COMMON_SELECTORS.takeActionDropdown).click();
+            if (isPresent(state)) {
+                await this.page
+                    .getByTestId(MEMBER_SELECTORS.takeActionStateOption(state))
+                    .click();
+            }
+            else {
+                await this.page
+                    .getByRole("button", { name: action === null || action === void 0 ? void 0 : action.actionButtonText })
+                    .click();
+                await this.page
+                    .getByRole("button", { name: action === null || action === void 0 ? void 0 : action.valueButtonText })
+                    .click();
+            }
+            await this.page
+                .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
+                .click();
+            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+        };
+        this.performColumnAction = async ({ columnName = "Name", actionButtonText = "Ascending", } = {}) => {
+            await this.page
+                .getByTestId(MEMBER_SELECTORS.teamMembersTable)
+                .getByLabel(columnName)
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page.getByRole("button", { name: actionButtonText }).click();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.tableSpinner)).toBeHidden();
+        };
+        this.toggleMemberColumns = async ({ columns = [], bulkAction, }) => {
+            await this.page.getByTestId(COMMON_SELECTORS.columnsDropdownButton).click();
+            if (isPresent(bulkAction)) {
+                await this.page
+                    .getByRole("button", {
+                    name: bulkAction === "hide" ? "Hide All" : "Show All",
+                })
+                    .click();
+            }
+            else {
+                for (const column of columns) {
+                    await this.page
+                        .getByTestId(COMMON_SELECTORS.columnsSearchInput)
+                        .fill(column);
+                    await this.page
+                        .getByTestId(MEMBER_SELECTORS.checkboxLabel(column))
+                        .click();
+                }
+            }
+            await this.page.getByTestId(COMMON_SELECTORS.columnsDropdownButton).click();
+        };
+        this.verifyMemberInTable = ({ name, email }) => expect(this.getMemberRowByName(name).getByRole("cell", {
+            name: email,
+            exact: true,
+        })).toBeVisible();
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = getI18nInstance().t;
+    }
+}
+
 const LOGIN_SELECTORS = {
     appleAuthenticationButton: "apple-authentication-button",
     emailTextField: "login-email-text-field",
@@ -14297,40 +14534,6 @@ const networkConditions = {
     },
 };
 
-const MEMBER_SELECTORS = {
-    membersTab: "members-nav-tab",
-    newButton: "ntm-add-member-button",
-    continueButton: "ntm-manage-member-continue-button",
-    submitButton: "ntm-manage-member-submit-button",
-    searchTextField: "ntm-search-members-input",
-    deactivatedAgentsButton: "ntm-members-menubar-deactivated-block",
-    activatedMembersButton: "ntm-members-menubar-active-block",
-    columnCheckBox: "neeto-ui-columns-checkbox",
-    roleLabel: (role) => `${joinHyphenCase(role)}-radio-label`,
-    dropDownIcon: "ntm-members-table-row-dropdown-button",
-    editButton: "ntm-edit-member-button",
-    menuBarHeading: "ntm-members-menubar-heading",
-    activateOrDeactivateMember: "ntm-deactivate-member-button",
-    columnsButton: "columns-dropdown-button",
-    columnsDropdownContainer: "columns-dropdown-container",
-    emailDropdownItemLabel: "email-checkbox-label",
-    roleDropdownItemLabel: "role-checkbox-label",
-    inviteStatusDropdownItemLabel: "invite-status-checkbox-label",
-    heading: "ntm-manage-members-pane-header",
-    activateButton: "ntm-activate-members-button",
-    deactivateButton: "ntm-deactivate-members-button",
-    rolesButton: "ntm-manage-member-roles-button",
-    statusTag: "ntm-member-status-tag",
-};
-const MEMBER_FORM_SELECTORS = {
-    emailTextField: "email-select-input-field",
-    firstNameTextField: "ntm-edit-member-first-name-text-field",
-    lastNameTextField: "ntm-edit-member-last-name-text-field",
-    emailInput: "ntm-manage-member-email-input",
-    emailErrorField: "emails-input-error",
-    cancelButton: "ntm-manage-member-cancel-button",
-};
-
 const ROLES_SELECTORS = {
     newButton: "ntm-add-role-button",
     proceedButton: "ntm-add-role-submit-button",
@@ -14440,10 +14643,17 @@ const deactivateMemberViaRequest = ({ email, neetoPlaywrightUtilities, }) => nee
     url: API_ROUTES.teamMembers.bulkUpdate,
     body: { users: { active: false, emails: [email] } },
 });
+const generateRandomTeamMembers = ({ count = 1, role = "standard" }) => dynamicArray(count, () => ({
+    firstName: faker.person.firstName(),
+    lastName: faker.person.lastName(),
+    email: faker.internet.exampleEmail(),
+    role,
+}));
 const memberUtils = {
     addMemberViaRequest,
     editMemberViaRequest,
     deactivateMemberViaRequest,
+    generateRandomTeamMembers,
 };
 
 const assertColumnHeaderVisibility = async ({ page, columnName, shouldBeVisible, }) => {
@@ -147371,8 +147581,15 @@ const openFilterPane = async (page) => {
     await page.getByTestId(NEETO_FILTERS_SELECTORS.filterButton).click();
     await expect(page.getByTestId(COMMON_SELECTORS.paneHeader)).toHaveText(getI18nInstance().t("neetoFilters.common.filters"));
 };
+const clearFiltersFromActionBlock = async (page) => {
+    await page
+        .getByTestId(NEETO_FILTERS_SELECTORS.neetoFiltersBarClearButton)
+        .click();
+    await expect(page.getByTestId(NEETO_FILTERS_SELECTORS.neetoFiltersBarClearButton)).toBeHidden();
+};
 const filterUtils = {
     openFilterPane,
+    clearFiltersFromActionBlock,
 };
 
 var main$2 = {exports: {}};
@@ -147974,5 +148191,5 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { API_ROUTES, ATTACHMENT_DELETION_TOASTR_MESSAGE, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_PICKER_LABEL, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, ATTACHMENT_DELETION_TOASTR_MESSAGE, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_PICKER_LABEL, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TeamMembers, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
 //# sourceMappingURL=index.js.map