@bigbinary/neeto-playwright-commons 1.2.0 → 1.3.0

package/index.js

@@ -1,5 +1,4 @@
 import { expect, defineConfig, devices } from '@playwright/test';
-import dayjs from 'dayjs';
 import * as require$$0 from 'fs';
 import require$$0__default from 'fs';
 import require$$2 from 'os';
@@ -8,130 +7,9 @@ import require$$0$2 from 'util';
 import require$$0$3 from 'stream';
 import require$$0$4 from 'events';
 import { mergeDeepLeft, mergeAll } from 'ramda';
+import dayjs from 'dayjs';
 import require$$3 from 'crypto';
 
-const COMMON_SELECTORS = {
-    toastMessage: "toastr-message-container",
-    toastIcon: ".Toastify__toast-icon",
-    toastCloseButton: "toastr-close-button",
-    dropdownIcon: "nui-dropdown-icon",
-    checkbox: "nui-checkbox-input",
-    spinner: ".neeto-ui-spinner",
-    input: "nui-input-field",
-    alertModalSubmitButton: "alert-submit-button",
-    selectContainer: "nui-select-container",
-    subheaderText: "subheader-left",
-};
-
-class CustomCommands {
-    constructor(page, request) {
-        this.interceptMultipleResponses = ({ responseUrl = "", times = 1, baseUrl, }) => Promise.all([...new Array(times)].map(() => this.page.waitForResponse((response) => {
-            var _a, _b, _c;
-            if (response.request().resourceType() === "xhr" &&
-                response.status() === 200 &&
-                response.url().includes(responseUrl) &&
-                response
-                    .url()
-                    .startsWith((_a = baseUrl !== null && baseUrl !== void 0 ? baseUrl : process.env.BASE_URL) !== null && _a !== void 0 ? _a : "") &&
-                !this.responses.includes((_b = response.headers()) === null || _b === void 0 ? void 0 : _b["x-request-id"])) {
-                this.responses.push((_c = response.headers()) === null || _c === void 0 ? void 0 : _c["x-request-id"]);
-                return true;
-            }
-            return false;
-        }, { timeout: 10000 })));
-        this.recursiveMethod = async (callback, condition, timeout, startTime) => {
-            if (Date.now() - timeout >= startTime) {
-                return false;
-            }
-            else if (await condition()) {
-                return await callback();
-            }
-            return await this.recursiveMethod(callback, condition, timeout, startTime);
-        };
-        this.executeRecursively = async ({ callback, condition, timeout = 5000, }) => {
-            const startTime = Date.now();
-            await this.recursiveMethod(callback, condition, timeout, startTime);
-        };
-        this.verifySuccessToast = async ({ message, closeAfterVerification = true, }) => {
-            if (message) {
-                await expect(this.page.getByTestId(COMMON_SELECTORS.toastMessage)).toHaveValue(message);
-            }
-            else {
-                await expect(this.page.locator(COMMON_SELECTORS.toastIcon)).toHaveValue("👍");
-                closeAfterVerification &&
-                    (await this.page
-                        .getByTestId(COMMON_SELECTORS.toastCloseButton)
-                        .click());
-            }
-        };
-        this.reloadAndWait = async (requestCount) => {
-            const reloadRequests = this.interceptMultipleResponses({
-                times: requestCount,
-            });
-            await this.page.reload();
-            await reloadRequests;
-        };
-        this.apiRequest = async ({ url, headers: additionalHeaders, body: data, method = "get", params = {}, ...otherOptions }) => {
-            const csrfToken = await this.page
-                .locator("[name='csrf-token']")
-                .getAttribute("content");
-            const requestOptions = {
-                headers: {
-                    ...additionalHeaders,
-                    "accept-encoding": "gzip",
-                    "x-csrf-token": csrfToken !== null && csrfToken !== void 0 ? csrfToken : "",
-                },
-                data,
-                params,
-                ...otherOptions,
-            };
-            const httpMethodsHandlers = {
-                get: () => this.request.get(url, requestOptions),
-                post: () => this.request.post(url, requestOptions),
-                put: () => this.request.put(url, requestOptions),
-                delete: () => this.request.delete(url, requestOptions),
-            };
-            return await httpMethodsHandlers[method]();
-        };
-        this.verifyFieldValue = values => {
-            const verifyEachFieldValue = ({ field, value, }) => expect(this.page.getByTestId(field)).toHaveValue(value);
-            return Array.isArray(values)
-                ? Promise.all(values.map(value => verifyEachFieldValue(value)))
-                : verifyEachFieldValue(values);
-        };
-        this.page = page;
-        this.responses = [];
-        this.request = request;
-    }
-}
-
-const commands = {
-    neetoPlaywrightUtilities: async ({ page, request }, use) => {
-        const commands = new CustomCommands(page, request);
-        await use(commands);
-    },
-    page: async ({ page }, use) => {
-        await page.goto("/");
-        await page.waitForLoadState();
-        await use(page);
-    },
-};
-
-const ENVIRONMENT = {
-    development: "development",
-    staging: "staging",
-    review: "review",
-};
-const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
-const STORAGE_STATE = "./e2e/auth/user.json";
-const GLOBAL_TRANSLATIONS_PATTERN = "../node_modules/@bigbinary/**/translations/en.json";
-const PROJECT_TRANSLATIONS_PATH = "../app/javascript/src/translations/en.json";
-const CREDENTIALS = {
-    name: "Oliver Smith",
-    email: "oliver@example.com",
-    password: "welcome",
-};
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var tasks = {};
@@ -6830,6 +6708,21 @@ function assertPatternsInput(input) {
 }
 var out = FastGlob;
 
+const ENVIRONMENT = {
+    development: "development",
+    staging: "staging",
+    review: "review",
+};
+const IS_STAGING_ENV = process.env.TEST_ENV === "staging";
+const STORAGE_STATE = "./e2e/auth/user.json";
+const GLOBAL_TRANSLATIONS_PATTERN = "../node_modules/@bigbinary/**/translations/en.json";
+const PROJECT_TRANSLATIONS_PATH = "../app/javascript/src/translations/en.json";
+const CREDENTIALS = {
+    name: "Oliver Smith",
+    email: "oliver@example.com",
+    password: "welcome",
+};
+
 const joinString = (string1, string2, string3 = "", separator = " ") => {
     if (string3 === "") {
         return string1 + separator + string2;
@@ -6874,6 +6767,166 @@ const readTranslations = () => {
     });
     return translations;
 };
+const hyphenize = input => {
+    const fallbackString = "";
+    if (typeof input === "number")
+        return String(input);
+    if (input && typeof input === "string" && input.replace) {
+        return input
+            .replace(/[\s_]/g, "-")
+            .replace(/([a-z])([A-Z])/g, "$1-$2")
+            .replace(/-+/g, "-")
+            .toLowerCase();
+    }
+    return fallbackString;
+};
+const joinHyphenCase = (...args) => args.join(" ").replace(/\s+/g, "-").toLowerCase();
+
+const COMMON_SELECTORS = {
+    spinner: ".neeto-ui-spinner",
+    subheaderText: "subheader-left",
+    alertTitle: "alert-title",
+    alertModalMessage: "alert-message",
+    alertModalSubmitButton: "alert-submit-button",
+    checkbox: "nui-checkbox-input",
+    checkboxLabel: "nui-checkbox-label",
+    dropdownContainer: "nui-dropdown-container",
+    dropdownIcon: "nui-dropdown-icon",
+    heading: "main-header",
+    paneBody: "pane-body",
+    paneHeader: "pane-header",
+    profileSidebar: "profile-section",
+    selectOption: (label) => `${hyphenize(label)}-select-option`,
+    toastMessage: "toastr-message-container",
+    toastCloseButton: "toastr-close-button",
+    windowAlert: "#alert-box",
+    body: "body",
+    toastIcon: ".Toastify__toast-icon",
+    paneModalCrossIcon: "pane-close-button",
+    inputField: "nui-input-field",
+    alertConfirmationText: "alert-confirmation-text",
+    alertCancelButton: "alert-cancel-button",
+    alertModalCrossIcon: "modal-close-button",
+    saveChangesButton: "save-changes-button",
+    cancelButton: "cancel-button",
+    inputFieldError: "nui-input-error",
+    selectDropDownError: "nui-select-error",
+    subTitleHeading: "menubar-subtitle-heading",
+    noDataTitle: "no-data-title",
+    noDataDescription: "no-data-description",
+    backdrop: "neeto-backdrop",
+    menuBarHeading: "menubar-heading",
+    dropdownWrapper: "nui-select-container-wrapper",
+    toggleButton: "menubar-toggle-button",
+    tooltip: "tooltip-box",
+    articlePageTitle: ".serene-article__title",
+    tabItem: "tab-item",
+    labelInputError: "label-input-error",
+    urlInputError: "url-input-error",
+    noDataPrimaryButton: "no-data-primary-button",
+    modalHeader: "modal-header",
+    nameInputError: "name-input-error",
+    selectContainer: "nui-select-container",
+    dropdownMenu: "nui-select-menu",
+    sidebarToggle: "neeto-molecules-sidebar-toggler",
+    subheader: "subheader",
+    settingsLink: "Settings",
+    ticketFieldTextInput: (label) => `${hyphenize(label)}-text-input`,
+};
+
+class CustomCommands {
+    constructor(page, request) {
+        this.interceptMultipleResponses = ({ responseUrl = "", times = 1, baseUrl, }) => Promise.all([...new Array(times)].map(() => this.page.waitForResponse((response) => {
+            var _a, _b, _c;
+            if (response.request().resourceType() === "xhr" &&
+                response.status() === 200 &&
+                response.url().includes(responseUrl) &&
+                response
+                    .url()
+                    .startsWith((_a = baseUrl !== null && baseUrl !== void 0 ? baseUrl : process.env.BASE_URL) !== null && _a !== void 0 ? _a : "") &&
+                !this.responses.includes((_b = response.headers()) === null || _b === void 0 ? void 0 : _b["x-request-id"])) {
+                this.responses.push((_c = response.headers()) === null || _c === void 0 ? void 0 : _c["x-request-id"]);
+                return true;
+            }
+            return false;
+        }, { timeout: 10000 })));
+        this.recursiveMethod = async (callback, condition, timeout, startTime) => {
+            if (Date.now() - timeout >= startTime) {
+                return false;
+            }
+            else if (await condition()) {
+                return await callback();
+            }
+            return await this.recursiveMethod(callback, condition, timeout, startTime);
+        };
+        this.executeRecursively = async ({ callback, condition, timeout = 5000, }) => {
+            const startTime = Date.now();
+            await this.recursiveMethod(callback, condition, timeout, startTime);
+        };
+        this.verifySuccessToast = async ({ message, closeAfterVerification = true, }) => {
+            if (message) {
+                await expect(this.page.getByTestId(COMMON_SELECTORS.toastMessage)).toHaveValue(message);
+            }
+            else {
+                await expect(this.page.locator(COMMON_SELECTORS.toastIcon)).toHaveValue("👍");
+                closeAfterVerification &&
+                    (await this.page
+                        .getByTestId(COMMON_SELECTORS.toastCloseButton)
+                        .click());
+            }
+        };
+        this.reloadAndWait = async (requestCount) => {
+            const reloadRequests = this.interceptMultipleResponses({
+                times: requestCount,
+            });
+            await this.page.reload();
+            await reloadRequests;
+        };
+        this.apiRequest = async ({ url, headers: additionalHeaders, body: data, method = "get", params = {}, ...otherOptions }) => {
+            const csrfToken = await this.page
+                .locator("[name='csrf-token']")
+                .getAttribute("content");
+            const requestOptions = {
+                headers: {
+                    ...additionalHeaders,
+                    "accept-encoding": "gzip",
+                    "x-csrf-token": csrfToken !== null && csrfToken !== void 0 ? csrfToken : "",
+                },
+                data,
+                params,
+                ...otherOptions,
+            };
+            const httpMethodsHandlers = {
+                get: () => this.request.get(url, requestOptions),
+                post: () => this.request.post(url, requestOptions),
+                put: () => this.request.put(url, requestOptions),
+                delete: () => this.request.delete(url, requestOptions),
+            };
+            return await httpMethodsHandlers[method]();
+        };
+        this.verifyFieldValue = values => {
+            const verifyEachFieldValue = ({ field, value, }) => expect(this.page.getByTestId(field)).toHaveValue(value);
+            return Array.isArray(values)
+                ? Promise.all(values.map(value => verifyEachFieldValue(value)))
+                : verifyEachFieldValue(values);
+        };
+        this.page = page;
+        this.responses = [];
+        this.request = request;
+    }
+}
+
+const commands = {
+    neetoPlaywrightUtilities: async ({ page, request }, use) => {
+        const commands = new CustomCommands(page, request);
+        await use(commands);
+    },
+    page: async ({ page }, use) => {
+        await page.goto("/");
+        await page.waitForLoadState();
+        await use(page);
+    },
+};
 
 const generateStagingData = (product = "invoice") => {
     const timestamp = dayjs().format("YYYYMMDDHH");
@@ -6915,12 +6968,19 @@ const i18n = {
 const BASE_URL = "/api/v1";
 const ROUTES = {
     neetoAuth: "https://app.neetoauth.net",
+    neetoAuthSignup: "https://app.neetoauth.net/signups/new",
     profile: "/profile",
     login: `${BASE_URL}/login`,
     signup: `${BASE_URL}/signups`,
     subdomainAvailability: `${BASE_URL}/subdomain_availability`,
     countries: `${BASE_URL}/countries`,
     neetoApps: `${BASE_URL}/neeto_apps`,
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
 };
 
 const SIGNUP_SELECTORS = {
@@ -6952,10 +7012,9 @@ class OrganizationPage {
             const defaultOtp = "123456";
             const appNameInLowerCase = appName.toLowerCase();
             const isNeetoAuth = appNameInLowerCase === "neetoauth";
-            const authUrl = "https://app.neetoauth.net/signups/new";
             isNeetoAuth
-                ? await this.page.goto(authUrl)
-                : await this.page.goto(`${authUrl}?redirect_uri=${appNameInLowerCase}.net`);
+                ? await this.page.goto(ROUTES.neetoAuthSignup)
+                : await this.page.goto(`${ROUTES.neetoAuthSignup}?redirect_uri=${appNameInLowerCase}.net`);
             await this.page.getByTestId(SIGNUP_SELECTORS.emailTextField).fill(email);
             const signup = this.neetoPlaywrightUtilities.interceptMultipleResponses({
                 responseUrl: ROUTES.signup,
@@ -7057,6 +7116,62 @@ class OrganizationPage {
     }
 }
 
+const NEETO_EDITOR_SELECTORS = {
+    boldOption: "neeto-editor-fixed-menu-bold-option",
+    italicOption: "neeto-editor-fixed-menu-italic-option",
+    underlineOption: "neeto-editor-fixed-menu-underline-option",
+    strikeOption: "neeto-editor-fixed-menu-strike-option",
+    codeBlockOption: "neeto-editor-fixed-menu-code-option",
+    highlightOption: "neeto-editor-fixed-menu-highlight-option",
+    linkInput: "neeto-editor-fixed-menu-link-option-input",
+    linkSubmitButton: "neeto-editor-fixed-menu-link-option-link-button",
+    commandList: (index) => `neeto-editor-command-list-item-${index}`,
+    imageUploadUrlSubmitButton: "neeto-editor-media-upload-url-submit",
+    imageUploadUrlInputTextField: "neeto-editor-media-upload-url-input",
+    uploadInput: "neeto-editor-media-uploader-input",
+    editorMenuBarWrapper: "neeto-editor-fixed-menu-wrapper",
+    undoOption: "neeto-editor-fixed-menu-undo-option",
+    redoOption: "neeto-editor-fixed-menu-redo-option",
+    imageWrapper: "neeto-editor-image-wrapper",
+};
+
+const NEETO_FILTERS_SELECTORS = {
+    emailSelectContainer: "email-select-container-wrapper",
+    filterPaneHeading: "neeto-filters-pane-header",
+    neetoFiltersEmailBlock: "neeto-filters-email-block",
+    neetoFiltersRoleBlock: "neeto-filters-role-block",
+    neetoFiltersBarClearButton: "neeto-filters-bar-clear-btn",
+    neetoFiltersNameFilterField: "neeto-filters-name-filter",
+    neetoFilterNameBlock: "neeto-filters-name-block",
+    roleSelectContainer: "role-select-container-wrapper",
+    filterButton: "neeto-filters-toggle-btn",
+    filtersClearButton: "neeto-filters-clear-btn",
+    filterDoneButton: "neeto-filters-done-btn",
+    filteredMembersCount: "ntm-filtered-members-count",
+    allMenubarBlock: "ntm-members-menubar-all-block",
+    filtersEmailFilter: "neeto-filters-email-filter",
+    paneModalCrossIcon: "neeto-filters-close-button",
+};
+
+const HELP_CENTER_SELECTORS = {
+    helpButton: "help-button",
+    documentationButton: "help-link-help-center-button",
+    keyboardShortcutButton: "help-link-keyboard-shortcut-button",
+    chatButton: "help-link-live-chat-button",
+    whatsNewButton: "help-link-changelog-button",
+    whatsNewWidgetInfo: "h1",
+    whatsNewWidgetCloseButton: ".nc-widget-header__btn",
+    keyboardShortcutPaneHeading: "keyboard-shortcuts-pane-title",
+    keyboardShortcutPaneCrossIcon: "keyboard-shortcuts-pane-close-button",
+};
+const CHAT_WIDGET_SELECTORS = {
+    chatWidgetHomeCard: "neeto-chat-widget-cta-title",
+    widgetSubmitButton: "neeto-chat-widget-pre-chat-submit-btn",
+    chatBubbleMessage: "neeto-chat-widget-chat-message-bubble",
+    chatCloseButton: ".neeto-chat-widget-icon--close",
+    widgetIframe: "#neetochat-iframe",
+};
+
 const LOGIN_SELECTORS = {
     appleAuthenticationButton: "apple-authentication-button",
     emailTextField: "login-email-text-field",
@@ -7069,7 +7184,77 @@ const LOGIN_SELECTORS = {
     twitterAuthenticationButton: "twitter-authentication-button",
 };
 
-const COMMON_TEXTS = { edit: "Edit" };
+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",
+    cancelButton: "ntm-add-role-cancel-button",
+    tableHeaderRoleName: "ntm-roles-table-role-header",
+    nameTextField: "ntm-add-role-name-text-field",
+    searchTextField: "ntm-search-roles-input",
+    updateRolePaneHeading: "ntm-add-role-title",
+    updateRoleCancelButton: "ntm-add-role-cancel-button",
+    descriptionTextField: "ntm-add-role-description-text-field",
+    permissionCategoryTitle: "ntm-roles-permission-category-title",
+    headerColumn: "ntm-roles-table-header",
+    dropDownIcon: "ntm-roles-table-header-role-dropdown-button",
+    tableHeaderRoleTitle: "ntm-roles-table-header-role-title",
+};
+
+const TAGS_SELECTORS = {
+    newTagButton: "add-new-tag-button",
+    tagNameTextField: "tag-name-text-field",
+    editButton: "tags-edit-button",
+    deleteButton: "tags-delete-button",
+    cancelButton: "neeto-tags-manage-tag-cancel-button",
+    submitButton: "neeto-tags-manage-tag-submit-button",
+    searchTextField: "neeto-tags-search-text-input-field",
+    descriptionTextArea: "tag-description-text-area",
+};
+const MERGE_TAGS_SELECTORS = {
+    mergeTagsButton: "neeto-tags-merge-tags-button",
+    mergeButton: "neeto-tags-merge-button",
+    sourceSearchTextField: "neeto-tags-merge-source-search-text-input-field",
+    sourceTagsList: "neeto-tags-merge-source-tags-list",
+    destinationTagsList: "neeto-tags-merge-destination-tags-list",
+    destinationSearchTextField: "neeto-tags-merge-destination-search-text-input-field",
+    cancelButton: "neeto-tags-merge-cancel-button",
+    proceedButton: "neeto-tags-merge-proceed-button",
+    disabledTag: ".neeto-ui-cursor-not-allowed",
+};
 
 const initializeCredentials = (product) => {
     const { user } = readFileSyncIfExists();
@@ -7562,5 +7747,5 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { BASE_URL, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, ENVIRONMENT, GLOBAL_TRANSLATIONS_PATTERN, IS_STAGING_ENV, LOGIN_SELECTORS, OrganizationPage, PROJECT_TRANSLATIONS_PATH, ROUTES, SIGNUP_SELECTORS, STORAGE_STATE, clearCredentials, commands, definePlaywrightConfig, generateStagingData, i18n, initializeCredentials, joinString, login, loginWithoutSSO, readFileSyncIfExists, readTranslations, updateCredentials, writeDataToFile };
+export { BASE_URL, CHAT_WIDGET_SELECTORS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, ENVIRONMENT, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, IS_STAGING_ENV, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MERGE_TAGS_SELECTORS, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OrganizationPage, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, STORAGE_STATE, TAGS_SELECTORS, clearCredentials, commands, definePlaywrightConfig, generateStagingData, hyphenize, i18n, initializeCredentials, joinHyphenCase, joinString, login, loginWithoutSSO, readFileSyncIfExists, readTranslations, updateCredentials, writeDataToFile };
 //# sourceMappingURL=index.js.map