@bigbinary/neeto-playwright-commons 1.1.3 → 1.3.0

package/index.js

@@ -6,23 +6,10 @@ import require$$0$1 from 'path';
 import require$$0$2 from 'util';
 import require$$0$3 from 'stream';
 import require$$0$4 from 'events';
-import { mergeDeepLeft } from 'ramda';
+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",
-};
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var tasks = {};
@@ -6730,7 +6717,11 @@ 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 = { email: "oliver@example.com", password: "welcome" };
+const CREDENTIALS = {
+    name: "Oliver Smith",
+    email: "oliver@example.com",
+    password: "welcome",
+};
 
 const joinString = (string1, string2, string3 = "", separator = " ") => {
     if (string3 === "") {
@@ -6776,10 +6767,76 @@ 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 => {
+        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 &&
@@ -6826,9 +6883,15 @@ class CustomCommands {
             await reloadRequests;
         };
         this.apiRequest = async ({ url, headers: additionalHeaders, body: data, method = "get", params = {}, ...otherOptions }) => {
-            const { headers } = readFileSyncIfExists();
+            const csrfToken = await this.page
+                .locator("[name='csrf-token']")
+                .getAttribute("content");
             const requestOptions = {
-                headers: { ...headers, ...additionalHeaders, "accept-encoding": "gzip" },
+                headers: {
+                    ...additionalHeaders,
+                    "accept-encoding": "gzip",
+                    "x-csrf-token": csrfToken !== null && csrfToken !== void 0 ? csrfToken : "",
+                },
                 data,
                 params,
                 ...otherOptions,
@@ -6839,7 +6902,7 @@ class CustomCommands {
                 put: () => this.request.put(url, requestOptions),
                 delete: () => this.request.delete(url, requestOptions),
             };
-            return await httpMethodsHandlers[method.toLowerCase()]();
+            return await httpMethodsHandlers[method]();
         };
         this.verifyFieldValue = values => {
             const verifyEachFieldValue = ({ field, value, }) => expect(this.page.getByTestId(field)).toHaveValue(value);
@@ -6865,24 +6928,26 @@ const commands = {
     },
 };
 
-const timestamp = dayjs().format("YYYYMMDDHH");
-const firstName = "André";
-const lastName = "O'Reilly";
-const stagingOrganization = `cypresstest-invoice-${timestamp}`;
-const otpBypassKey = process.env.OTP_BYPASS_KEY;
-const stagingData = {
-    firstName,
-    lastName,
-    otp: 111111,
-    domain: "neetoinvoice.net",
-    currentUserName: IS_STAGING_ENV
-        ? joinString(firstName, lastName)
-        : "Oliver Smith",
-    businessName: stagingOrganization,
-    subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
-    email: IS_STAGING_ENV
-        ? `cypresstest${otpBypassKey}+invoice+${timestamp}-playwright@bigbinary.com`
-        : "oliver@example.com",
+const generateStagingData = (product = "invoice") => {
+    const timestamp = dayjs().format("YYYYMMDDHH");
+    const firstName = "André";
+    const lastName = "O'Reilly";
+    const otpBypassKey = process.env.OTP_BYPASS_KEY;
+    const stagingOrganization = `cypresstest-${product}-${timestamp}`;
+    return {
+        firstName,
+        lastName,
+        otp: 111111,
+        domain: `neeto${product}.net`,
+        currentUserName: IS_STAGING_ENV
+            ? joinString(firstName, lastName)
+            : CREDENTIALS.name,
+        businessName: stagingOrganization,
+        subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
+        email: IS_STAGING_ENV
+            ? `cypresstest${otpBypassKey}+${product}+${timestamp}-playwright@bigbinary.com`
+            : "oliver@example.com",
+    };
 };
 
 const i18n = {
@@ -6903,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 = {
@@ -6940,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,
@@ -6987,10 +7058,9 @@ class OrganizationPage {
             await this.page.getByTestId(SIGNUP_SELECTORS.profileSubmitButton).click();
             await submitProfile;
         };
-        this.setupOrganization = async () => {
+        this.setupOrganization = async (product) => {
             if (!IS_STAGING_ENV)
                 return;
-            let headers = {};
             const { user } = readFileSyncIfExists();
             await this.createOrganization({
                 businessName: user.businessName,
@@ -6998,20 +7068,15 @@ class OrganizationPage {
                 firstName: user.firstName,
                 lastName: user.lastName,
                 subdomainName: user.subdomainName,
-                appName: "neetoInvoice",
-            });
-            await this.page.route(`**${ROUTES.neetoApps}`, async (route) => {
-                headers = await route.request().allHeaders();
-                await route.continue();
+                appName: `neeto${product}`,
             });
             await expect(this.page.locator(COMMON_SELECTORS.spinner)).toBeHidden();
             const userCredentials = readFileSyncIfExists();
             await this.page.context().storageState({ path: STORAGE_STATE });
-            const mergedCredentials = {
-                ...readFileSyncIfExists(),
-                ...userCredentials,
-                headers,
-            };
+            const mergedCredentials = mergeAll([
+                readFileSyncIfExists(),
+                userCredentials,
+            ]);
             writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
         };
         this.updateSubdomainIfExists = async (appName) => {
@@ -7051,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",
@@ -7063,10 +7184,81 @@ 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 = () => {
+const initializeCredentials = (product) => {
     const { user } = readFileSyncIfExists();
+    const stagingData = generateStagingData(product);
     const newState = {
         ...user,
         businessName: (user === null || user === void 0 ? void 0 : user.businessName) || stagingData.businessName,
@@ -7084,10 +7276,9 @@ const initializeCredentials = () => {
     }
 };
 
-const loginWithoutSSO = async ({ page, neetoPlaywrightUtilities, }) => {
+const loginWithoutSSO = async ({ page, neetoPlaywrightUtilities, loginPath = "/", }) => {
     var _a;
-    await page.goto((_a = process.env.BASE_URL) !== null && _a !== void 0 ? _a : "");
-    let headers = {};
+    await page.goto((_a = `${process.env.BASE_URL}${loginPath}`) !== null && _a !== void 0 ? _a : "");
     await page.getByTestId("login-email-text-field").fill(CREDENTIALS.email);
     await page
         .getByTestId("login-password-text-field")
@@ -7097,23 +7288,16 @@ const loginWithoutSSO = async ({ page, neetoPlaywrightUtilities, }) => {
     });
     await page.getByTestId(LOGIN_SELECTORS.submitButton).click();
     await login;
-    await page.route(`**${BASE_URL}/**`, async (route) => {
-        headers = await route.request().allHeaders();
-        await route.continue();
-    });
     const userCredentials = readFileSyncIfExists();
     await page.context().storageState({ path: STORAGE_STATE });
-    //eslint-disable-next-line
-    await page.waitForTimeout(5000); // There is a delay in headers being set from the route.
-    const mergedCredentials = {
-        ...readFileSyncIfExists(),
-        ...userCredentials,
-        headers,
-    };
+    const mergedCredentials = mergeAll([
+        readFileSyncIfExists(),
+        userCredentials,
+    ]);
     writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
 };
-const login = async ({ page, neetoPlaywrightUtilities }) => !IS_STAGING_ENV &&
-    (await loginWithoutSSO({ page, neetoPlaywrightUtilities }));
+const login = async ({ page, neetoPlaywrightUtilities, loginPath, }) => !IS_STAGING_ENV &&
+    (await loginWithoutSSO({ page, neetoPlaywrightUtilities, loginPath }));
 
 var main$1 = {exports: {}};
 
@@ -7563,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, i18n, initializeCredentials, joinString, login, loginWithoutSSO, readFileSyncIfExists, readTranslations, stagingData, 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