@bigbinary/neeto-playwright-commons 4.1.8 → 4.1.10

package/index.d.ts

@@ -91,6 +91,10 @@ interface WaitForPageLoadParams {
   customPageContext: Page | undefined;
   waitForOption: "serial" | "parallel";
 }
+interface WaitForPaneToLoadParams {
+  visibilityTimeout: number;
+  customPageContext: Page;
+}
 type ApiRequest = (props: ApiRequestProps & Record<string, unknown>) => Promise<APIResponse | undefined>;
 interface FieldValue {
   field: string;
@@ -261,6 +265,22 @@ declare class CustomCommands {
     customPageContext,
     waitForOption
   }?: Partial<WaitForPageLoadParams>) => Promise<void>;
+  /**
+   *
+   * Command to wait until the pane body is visible and the pane has no spinners.
+   *
+   * @example 
+   *
+   *   await neetoPlaywrightUtilities.waitForPaneToLoad({
+   *     visibilityTimeout = 35_000,
+   *     customPageContext,
+   *   });
+   * @endexample
+  */
+  waitForPaneToLoad: ({
+    visibilityTimeout,
+    customPageContext
+  }?: Partial<WaitForPaneToLoadParams>) => Promise<void>;
   /**
    *
    * Command to send an API request.
@@ -3298,7 +3318,6 @@ declare class ZapierPage extends IntegrationBase {
    * @endexample
   */
   reconnectAccount: (zapierApiKey: string) => Promise<void>;
-  private setTextEditorValue;
   /**
    *
    * Logs into zapier web app. It takes the following parameters:
@@ -3593,6 +3612,7 @@ declare class EditorPage {
   calloutSelector: Locator;
   videoUploadOption: Locator;
   todoListSelector: Locator;
+  textColorSelector: Locator;
   filePath: string;
   videoPath: string;
   linkUrl: string;
@@ -3624,6 +3644,7 @@ declare class EditorPage {
   private verifyVideoUploadOption;
   private verifyTodoListSelector;
   verifyDynamicVariables: (dynamicVariables: KeyValuePair[]) => Promise<void>;
+  private verifyTextColor;
   private verifyCalloutSelector;
   private buttonsAndVerifications;
   private fillRandomText;
@@ -5958,7 +5979,7 @@ declare const ZAPIER_WEB_TEXTS: {
   password: string;
   editExistingDraft: string;
   signInTo: string;
-  yesContinueTo: string;
+  reconnectBtn: string;
   testTrigger: string;
   editStep: string;
   continueWithSelectedRecord: string;
@@ -6182,6 +6203,7 @@ declare const LIST_MODIFIER_TAGS: {
   bulletList: string;
   orderedList: string;
 };
+declare const EDITOR_VERIFY_TEXT_COLOR = "#e60000";
 declare const PHONE_NUMBER_FORMATS: {
   name: string;
   code: string;
@@ -6657,6 +6679,8 @@ declare const THANK_YOU_SELECTORS: {
   thankYouMessageWrapper: string;
   countLabel: string;
 };
+declare const optionSelector: (option: string) => string;
+declare const fixedMenuSelector: (selector: string) => string;
 /**
  *
  * Selectors for Neeto editor components.
@@ -6736,6 +6760,7 @@ declare const NEETO_EDITOR_SELECTORS: {
   strikeOption: string;
   codeBlockOption: string;
   highlightOption: string;
+  textColorOption: string;
   emojiOption: string;
   emojiDropdownIcon: string;
   linkInput: string;
@@ -7883,7 +7908,6 @@ declare const ZAPIER_SELECTORS: {
   zapAccountSubstep: string;
   zapOpenSubstepContainer: string;
   modal: string;
-  fmPrettytext: string;
   spinner: string;
   skeletonBlock: string;
   accountsLoader: string;
@@ -7904,7 +7928,6 @@ declare const ZAPIER_SELECTORS: {
   panelFooter: string;
   zapToggle: string;
   stepBlock: string;
-  fmPrettyBox: string;
   universalTopbar: string;
   accountsMenu: string;
   zapToggleCheckbox: string;
@@ -9278,5 +9301,5 @@ interface Overrides {
  * @endexample
 */
 declare const definePlaywrightConfig: (overrides: Overrides) => PlaywrightTestConfig<{}, {}>;
-export { ACTIONS, ADMIN_PANEL_SELECTORS, ALL_RESOURCES, ANALYTICS_RESOURCES, API_KEYS_SELECTORS, API_ROUTES, APP_RESOURCES, AUDIT_LOGS_SELECTORS, ApiKeysApi, ApiKeysPage, AuditLogsPage, BASE_URL, CALENDAR_LABELS, CERTIFICATE_LIMIT_EXCEEDED_MESSAGE, CERTIFICATE_LIMIT_EXCEEDED_REGEXP, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, COMMUNITY_TEXTS, CREDENTIALS, CURRENT_TIME_RANGES, CUSTOM_DOMAIN_SELECTORS, CUSTOM_DOMAIN_SUFFIX, ColorPickerUtils, CustomCommands, CustomDomainApi, CustomDomainPage, DATE_FORMATS, DATE_PICKER_SELECTORS, DATE_RANGES, DATE_TEXTS, DEFAULT_WEBHOOKS_RESPONSE_TEXT, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, EMPTY_STORAGE_STATE, ENGAGE_TEXTS, ENVIRONMENT, EXAMPLE_URL, EXPANDED_FONT_SIZE, EXPORT_FILE_TYPES, EditorPage, EmailDeliveryUtils, EmbedBase, FILE_FORMATS, FONTS_RESOURCES, FONT_SIZE_SELECTORS, FROM_EMAIL_ENV_KEYS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_ANALYTICS_SELECTORS, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GOOGLE_SHEETS_SELECTORS, GooglePage, HELP_CENTER_ROUTES, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IPRestrictionsPage, IP_RESTRICTIONS_SELECTORS, IS_CI, IS_DEV_ENV, IS_STAGING_ENV, ImageUploader, IntegrationBase, IpRestrictionsApi, KEYBOARD_SHORTCUTS_SELECTORS, KEYBOARD_SHORTCUT_TEST_CASES, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MICROSOFT_LOGIN_SELECTORS, MICROSOFT_LOGIN_TEXTS, MailerUtils, Member, MemberApis, MicrosoftPage, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_SEO_SELECTORS, NEETO_TEXT_MODIFIER_SELECTORS, NeetoAuthServer, NeetoChatWidget, NeetoEmailDeliveryApi, NeetoTowerApi, ONBOARDING_SELECTORS, ORGANIZATION_TEXTS, OTP_EMAIL_PATTERN, OrganizationPage, PAST_TIME_RANGES, PHONE_NUMBER_FORMATS, PLURAL, PRODUCT_ROLES_ROUTE_MAP, PROFILE_LINKS, PROFILE_SECTION_SELECTORS, PROJECT_NAMES, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RailsEmailApiClient, RailsEmailUtils, RoleApis, RolesPage, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STATUS_TEXTS, STORAGE_STATE, SecurityApi, SidebarSection, SlackApi, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEAM_MEMBER_TEXTS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THEMES_SELECTORS, THEMES_TEXTS, THIRD_PARTY_RESOURCES, THIRD_PARTY_ROUTES, TIME_RANGES, TOASTR_MESSAGES, TWILIO_SELECTORS, TagsApi, TagsPage, TeamMembers, ThankYouApi, ThankYouPage, TwilioApi, USER_AGENTS, WEBHOOK_SELECTORS, WebhookSiteApi, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, authenticateUser, baseURLGenerator, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, createOrganizationViaRake, currencyUtils, dataQa, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generatePhoneNumber, generatePhoneNumberDetails, generateRandomBypassEmail, generateRandomFile, generateStagingData, getByDataQA, getClipboardContent, getDirname, getFormattedPhoneNumber, getFullUrl, getGlobalUserProps, getGlobalUserState, getImagePathAndName, getIsoCodeFromPhoneCode, getListCount, globalShortcuts, grantClipboardPermissions, hexToRGB, hexToRGBA, i18nFixture, imageRegex, initializeCredentials, initializeTestData, initializeTotp, isGithubIssueOpen, isStagingOrganizationExpired, joinHyphenCase, joinString, login, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, serializeFileForBrowser, shouldSkipCustomDomainSetup, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, warmup, withCookieCache, writeDataToFile };
+export { ACTIONS, ADMIN_PANEL_SELECTORS, ALL_RESOURCES, ANALYTICS_RESOURCES, API_KEYS_SELECTORS, API_ROUTES, APP_RESOURCES, AUDIT_LOGS_SELECTORS, ApiKeysApi, ApiKeysPage, AuditLogsPage, BASE_URL, CALENDAR_LABELS, CERTIFICATE_LIMIT_EXCEEDED_MESSAGE, CERTIFICATE_LIMIT_EXCEEDED_REGEXP, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, COMMUNITY_TEXTS, CREDENTIALS, CURRENT_TIME_RANGES, CUSTOM_DOMAIN_SELECTORS, CUSTOM_DOMAIN_SUFFIX, ColorPickerUtils, CustomCommands, CustomDomainApi, CustomDomainPage, DATE_FORMATS, DATE_PICKER_SELECTORS, DATE_RANGES, DATE_TEXTS, DEFAULT_WEBHOOKS_RESPONSE_TEXT, DESCRIPTION_EDITOR_TEXTS, EDITOR_VERIFY_TEXT_COLOR, EMBED_SELECTORS, EMOJI_LABEL, EMPTY_STORAGE_STATE, ENGAGE_TEXTS, ENVIRONMENT, EXAMPLE_URL, EXPANDED_FONT_SIZE, EXPORT_FILE_TYPES, EditorPage, EmailDeliveryUtils, EmbedBase, FILE_FORMATS, FONTS_RESOURCES, FONT_SIZE_SELECTORS, FROM_EMAIL_ENV_KEYS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_ANALYTICS_SELECTORS, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GOOGLE_SHEETS_SELECTORS, GooglePage, HELP_CENTER_ROUTES, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IPRestrictionsPage, IP_RESTRICTIONS_SELECTORS, IS_CI, IS_DEV_ENV, IS_STAGING_ENV, ImageUploader, IntegrationBase, IpRestrictionsApi, KEYBOARD_SHORTCUTS_SELECTORS, KEYBOARD_SHORTCUT_TEST_CASES, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MICROSOFT_LOGIN_SELECTORS, MICROSOFT_LOGIN_TEXTS, MailerUtils, Member, MemberApis, MicrosoftPage, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_SEO_SELECTORS, NEETO_TEXT_MODIFIER_SELECTORS, NeetoAuthServer, NeetoChatWidget, NeetoEmailDeliveryApi, NeetoTowerApi, ONBOARDING_SELECTORS, ORGANIZATION_TEXTS, OTP_EMAIL_PATTERN, OrganizationPage, PAST_TIME_RANGES, PHONE_NUMBER_FORMATS, PLURAL, PRODUCT_ROLES_ROUTE_MAP, PROFILE_LINKS, PROFILE_SECTION_SELECTORS, PROJECT_NAMES, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RailsEmailApiClient, RailsEmailUtils, RoleApis, RolesPage, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STATUS_TEXTS, STORAGE_STATE, SecurityApi, SidebarSection, SlackApi, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEAM_MEMBER_TEXTS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THEMES_SELECTORS, THEMES_TEXTS, THIRD_PARTY_RESOURCES, THIRD_PARTY_ROUTES, TIME_RANGES, TOASTR_MESSAGES, TWILIO_SELECTORS, TagsApi, TagsPage, TeamMembers, ThankYouApi, ThankYouPage, TwilioApi, USER_AGENTS, WEBHOOK_SELECTORS, WebhookSiteApi, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, authenticateUser, baseURLGenerator, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, createOrganizationViaRake, currencyUtils, dataQa, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, fixedMenuSelector, generatePhoneNumber, generatePhoneNumberDetails, generateRandomBypassEmail, generateRandomFile, generateStagingData, getByDataQA, getClipboardContent, getDirname, getFormattedPhoneNumber, getFullUrl, getGlobalUserProps, getGlobalUserState, getImagePathAndName, getIsoCodeFromPhoneCode, getListCount, globalShortcuts, grantClipboardPermissions, hexToRGB, hexToRGBA, i18nFixture, imageRegex, initializeCredentials, initializeTestData, initializeTotp, isGithubIssueOpen, isStagingOrganizationExpired, joinHyphenCase, joinString, login, networkConditions, networkThrottlingUsingCDP, optionSelector, readFileSyncIfExists, removeCredentialFile, serializeFileForBrowser, shouldSkipCustomDomainSetup, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, warmup, withCookieCache, writeDataToFile };
 export type { BaseThemeStyle, BaseThemeStyleType, ColumnMenuAction, CountryProps, CustomFixture, EmailDeliveryConnectParams, EmailDeliveryProvider, EmailDeliveryVerifiedEmail, EmailDeliveryVerifyEmailParams, EmailDeliveryVerifyEmailResponse, EmailMatchCriteria, IntroPageThemeStyle, IntroPageThemeStyleType, OAuthEmailDeliveryProvider, ProjectName, ThemeCategory, ValueOf };

package/index.js

@@ -1302,7 +1302,6 @@ const imageRegex = (imageName) => {
 
 const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
 const fixedMenuSelector = (selector) => `neeto-editor-fixed-menu-${selector}`;
-
 const NEETO_EDITOR_SELECTORS = {
     fontSize: optionSelector("font-size"),
     boldOption: optionSelector("bold"),
@@ -1311,6 +1310,7 @@ const NEETO_EDITOR_SELECTORS = {
     strikeOption: optionSelector("strike"),
     codeBlockOption: optionSelector("code"),
     highlightOption: optionSelector("highlight"),
+    textColorOption: optionSelector("text-color"),
     emojiOption: optionSelector("emoji"),
     emojiDropdownIcon: "emoji-dropdown-icon",
     linkInput: fixedMenuSelector("link-option-input"),
@@ -1796,7 +1796,6 @@ const ZAPIER_SELECTORS = {
     zapAccountSubstep: "[data-testid='substep-Account']",
     zapOpenSubstepContainer: "[data-testid='open-sub-step-container']",
     modal: "[data-testid='Modal']",
-    fmPrettytext: ".fm-prettytext",
     spinner: "spinner",
     skeletonBlock: "[data-testid='SkeletonBlock']",
     accountsLoader: "[data-testid='accounts-loader']",
@@ -1817,7 +1816,6 @@ const ZAPIER_SELECTORS = {
     panelFooter: "#details-panel-footer",
     zapToggle: "zap-toggle",
     stepBlock: `step-node-${process.env.ZAP_ID}`,
-    fmPrettyBox: ".fm-pretty-text-input.pretty-text-box",
     universalTopbar: "universalTopbar",
     accountsMenu: "accountsMenu",
     zapToggleCheckbox: "input[type='checkbox']",
@@ -2090,6 +2088,13 @@ class CustomCommands {
         }
         await Promise.all(loaders.map(loader => expect(loader).toHaveCount(0, { timeout: visibilityTimeout })));
     };
+    waitForPaneToLoad = async ({ visibilityTimeout = 35_000, customPageContext = this.page, } = {}) => {
+        const pane = customPageContext.getByTestId(COMMON_SELECTORS.paneBody);
+        await expect(pane).toBeVisible({ timeout: visibilityTimeout });
+        await expect(pane.getByTestId(COMMON_SELECTORS.uiSpinner)).toHaveCount(0, {
+            timeout: visibilityTimeout,
+        });
+    };
     apiRequest = async ({ url, failOnStatusCode = true, headers: additionalHeaders, body: data, method = "get", params = {}, timeout = 30_000, ...otherOptions }) => {
         const csrfToken = this.csrfToken ?? (await this.initializeCsrfToken());
         const requestOptions = {
@@ -2404,7 +2409,7 @@ const ZAPIER_WEB_TEXTS = {
     password: "Password",
     editExistingDraft: "Edit existing draft",
     signInTo: "Sign in to *",
-    yesContinueTo: "Yes, Continue to *",
+    reconnectBtn: "Reconnect",
     testTrigger: "Test trigger",
     editStep: "Edit step",
     continueWithSelectedRecord: "Continue with selected record",
@@ -2455,7 +2460,7 @@ const GOOGLE_LOGIN_TEXTS = {
     googleAccount: "Google Account:",
     connectYourGoogleAccount: "Connect your Google account",
     signInWithGoogle: "Sign in with Google",
-    signInHeading: (appName) => new RegExp(`(You’re signing back in to ${appName}\\.net|Sign in to ${appName}\\.net)`, "i"),
+    signInHeading: (appName) => new RegExp(`^(?:You['’]re signing back in to ${appName}\\.net|Sign in to ${appName}\\.net)$`, "i"),
     stagingAppName: (appName) => `${appName} - Staging`,
     continue: "Continue",
     selectAll: "Select All",
@@ -118733,6 +118738,7 @@ class HelpAndProfilePage {
                 expect(statusPage).toHaveURL(PROFILE_LINKS.neetoStatus),
                 expect(statusPage.getByRole("link", {
                     name: STATUS_TEXTS.appName(this.product),
+                    exact: true,
                 })).toBeVisible(),
             ]);
         });
@@ -119308,20 +119314,17 @@ class ZapierPage extends IntegrationBase {
         const reconnectPage = await reconnectPopup;
         await reconnectPage.waitForLoadState();
         await expect(reconnectPage.getByRole("heading", { name: ZAPIER_WEB_TEXTS.loading })).toBeHidden({ timeout: 15_000 });
-        const yesBtn = reconnectPage.getByRole("button", {
-            name: RegExp(ZAPIER_WEB_TEXTS.yesContinueTo),
+        const reconnectBtn = reconnectPage.getByRole("button", {
+            name: ZAPIER_WEB_TEXTS.reconnectBtn,
         });
-        const prettyTextBox = reconnectPage.locator(ZAPIER_SELECTORS.fmPrettytext);
-        const [subdomainBox, apiKeyBox] = [0, 1].map(index => 
-        // eslint-disable-next-line playwright/no-nth-methods
-        prettyTextBox.nth(index));
-        await expect(yesBtn).toBeVisible({ timeout: 25_000 });
-        const subdomain = getGlobalUserState()?.subdomainName;
-        await subdomainBox.click();
-        await this.setTextEditorValue(reconnectPage, subdomain);
-        await apiKeyBox.click();
-        await this.setTextEditorValue(reconnectPage, zapierApiKey, 1);
-        await yesBtn.click();
+        await expect(reconnectBtn).toBeVisible({ timeout: 25_000 });
+        await reconnectPage
+            .getByRole("textbox", { name: ZAPIER_WEB_TEXTS.subdomain })
+            .pressSequentially(getGlobalUserState()?.subdomainName);
+        await reconnectPage
+            .getByRole("textbox", { name: ZAPIER_WEB_TEXTS.apiKey })
+            .pressSequentially(zapierApiKey);
+        await reconnectBtn.click();
         const continueBtn = this.panelFooter.getByRole("button", {
             name: ZAPIER_WEB_TEXTS.continue,
             exact: true,
@@ -119338,14 +119341,6 @@ class ZapierPage extends IntegrationBase {
         })).toBeVisible({ timeout: 35_000 });
         await this.toggleZap();
     };
-    setTextEditorValue = (page, value, index = 0) => page.evaluate(({ selector, index, value }) => {
-        const container = document.querySelectorAll(selector)[index];
-        const cmElement = container.querySelector(".CodeMirror");
-        const cm = cmElement.CodeMirror;
-        cm.focus();
-        cm.setValue(value);
-        cm.refresh();
-    }, { selector: ZAPIER_SELECTORS.fmPrettyBox, index, value });
     loginToZapier = async (zapierWebPage) => {
         this.zapierWebPage = zapierWebPage;
         this.continueButton = this.zapierWebPage.getByRole("button", {
@@ -119579,6 +119574,7 @@ const LIST_MODIFIER_TAGS = {
     bulletList: "ul",
     orderedList: "ol",
 };
+const EDITOR_VERIFY_TEXT_COLOR = "#e60000";
 
 const __dirname$4 = getDirname(import.meta.url);
 class SlashCommandEditorPage {
@@ -119803,6 +119799,7 @@ class EditorPage {
     calloutSelector;
     videoUploadOption;
     todoListSelector;
+    textColorSelector;
     filePath = "../../../e2e/assets/images/sample.png";
     videoPath = "../../../e2e/assets/files/sample.mp4";
     linkUrl = faker.internet.url();
@@ -119840,6 +119837,7 @@ class EditorPage {
         this.tableOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.tableOption);
         this.videoUploadOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.videoUploadOption);
         this.todoListSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.todoListOption);
+        this.textColorSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.textColorOption);
     }
     cleanString = (selector = "") => selector?.replace("neeto-editor-fixed-menu-", "").replace("-option", "") ||
         "";
@@ -120176,6 +120174,31 @@ class EditorPage {
             await expect(this.contentField.getByText(truncate(`${key}:${value}`, 25))).toBeVisible();
         }
     };
+    verifyTextColor = async (isButtonInMoreMenu) => {
+        const randomText = await this.fillRandomText();
+        const colorPickerInput = this.page
+            .getByTestId(COMMON_SELECTORS.customDropdownContainer())
+            .getByTestId(COMMON_SELECTORS.inputField);
+        isButtonInMoreMenu && (await this.moreMenuSelector.click());
+        await expect(async () => {
+            await this.textColorSelector.click();
+            await expect(colorPickerInput).toBeVisible({ timeout: 5_000 });
+            await colorPickerInput.fill(EDITOR_VERIFY_TEXT_COLOR);
+            // Using .first() to target the button rendered by the Formik editor.
+            await this.page
+                .getByTestId(COMMON_SELECTORS.customDropdownContainer())
+                .getByRole("button")
+                // eslint-disable-next-line playwright/no-nth-methods
+                .first()
+                .click();
+            await expect(colorPickerInput).toBeHidden({ timeout: 5_000 });
+        }).toPass({ timeout: 20_000 });
+        const coloredText = this.contentField.locator("[style]", {
+            hasText: randomText,
+        });
+        await expect(coloredText).toHaveCSS("color", hexToRGB(EDITOR_VERIFY_TEXT_COLOR));
+        return [{ key: "text-color", value: randomText }];
+    };
     verifyCalloutSelector = async (isButtonInMoreMenu) => {
         isButtonInMoreMenu && (await this.moreMenuSelector.click());
         const calloutTypes = ["default", "info", "warning", "error", "success"];
@@ -120211,6 +120234,7 @@ class EditorPage {
         underline: isButtonInMoreMenu => this.verifyTextDeskModifier("underline", isButtonInMoreMenu),
         strike: isButtonInMoreMenu => this.verifyTextDeskModifier("strike", isButtonInMoreMenu),
         highlight: isButtonInMoreMenu => this.verifyTextHighlighter(isButtonInMoreMenu),
+        "text-color": isButtonInMoreMenu => this.verifyTextColor(isButtonInMoreMenu),
         bulletList: isButtonInMoreMenu => this.verifyListModifiers("bulletList", isButtonInMoreMenu),
         orderedList: isButtonInMoreMenu => this.verifyListModifiers("orderedList", isButtonInMoreMenu),
         link: isButtonInMoreMenu => this.verifyEditorLinkButton(this.linkUrl, isButtonInMoreMenu),
@@ -120271,6 +120295,9 @@ class EditorPage {
                 hasText: value,
             })).toBeVisible();
         }
+        if (key === "text-color") {
+            return expect(previewLocator.locator("[style]", { hasText: value })).toHaveCSS("color", hexToRGB(EDITOR_VERIFY_TEXT_COLOR));
+        }
         const replacement = elementReplacement?.[key] ?? key;
         if (value === undefined) {
             return expect(
@@ -120532,7 +120559,7 @@ class TeamMembers {
             if (await pane.isHidden())
                 return;
             (await buttonSpinner.isHidden()) && (await submitBtn.click());
-            await expect(buttonSpinner).toBeHidden({ timeout: 10_000 });
+            await expect(buttonSpinner).toHaveCount(0, { timeout: 10_000 });
             await expect(pane).toBeHidden();
         }).toPass({ timeout: 60_000 });
         await this.neetoPlaywrightUtilities.verifyToast();
@@ -120549,7 +120576,10 @@ class TeamMembers {
     editMemberViaUI = async ({ email = "", firstName = "", lastName = "", role = "standard", } = {}) => {
         await this.page.getByTestId(MEMBER_SELECTORS.dropDownIcon).click();
         await this.page.getByTestId(MEMBER_SELECTORS.editButton).click();
-        await this.neetoPlaywrightUtilities.waitForPageLoad();
+        await this.neetoPlaywrightUtilities.waitForPaneToLoad();
+        await expect(this.page
+            .getByTestId(MEMBER_SELECTORS.submitButton)
+            .getByTestId(COMMON_SELECTORS.uiSpinner)).toHaveCount(0, { timeout: 35_000 });
         isPresent(email) &&
             (await this.page
                 .getByTestId(MEMBER_FORM_SELECTORS.emailInput)
@@ -126103,4 +126133,4 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { ACTIONS, ADMIN_PANEL_SELECTORS, ALL_RESOURCES, ANALYTICS_RESOURCES, API_KEYS_SELECTORS, API_ROUTES, APP_RESOURCES, AUDIT_LOGS_SELECTORS, ApiKeysApi, ApiKeysPage, AuditLogsPage, BASE_URL, CALENDAR_LABELS, CERTIFICATE_LIMIT_EXCEEDED_MESSAGE, CERTIFICATE_LIMIT_EXCEEDED_REGEXP, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, COMMUNITY_TEXTS, CREDENTIALS, CURRENT_TIME_RANGES, CUSTOM_DOMAIN_SELECTORS, CUSTOM_DOMAIN_SUFFIX, ColorPickerUtils, CustomCommands, CustomDomainApi, CustomDomainPage, DATE_FORMATS, DATE_PICKER_SELECTORS, DATE_RANGES, DATE_TEXTS, DEFAULT_WEBHOOKS_RESPONSE_TEXT, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, EMPTY_STORAGE_STATE, ENGAGE_TEXTS, ENVIRONMENT, EXAMPLE_URL, EXPANDED_FONT_SIZE, EXPORT_FILE_TYPES, EditorPage, EmailDeliveryUtils, EmbedBase, FILE_FORMATS, FONTS_RESOURCES, FONT_SIZE_SELECTORS, FROM_EMAIL_ENV_KEYS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_ANALYTICS_SELECTORS, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GOOGLE_SHEETS_SELECTORS, GooglePage, HELP_CENTER_ROUTES, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IPRestrictionsPage, IP_RESTRICTIONS_SELECTORS, IS_CI, IS_DEV_ENV, IS_STAGING_ENV, ImageUploader, IntegrationBase, IpRestrictionsApi, KEYBOARD_SHORTCUTS_SELECTORS, KEYBOARD_SHORTCUT_TEST_CASES, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MICROSOFT_LOGIN_SELECTORS, MICROSOFT_LOGIN_TEXTS, MailerUtils, Member, MemberApis, MicrosoftPage, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_SEO_SELECTORS, NEETO_TEXT_MODIFIER_SELECTORS, NeetoAuthServer, NeetoChatWidget, NeetoEmailDeliveryApi, NeetoTowerApi, ONBOARDING_SELECTORS, ORGANIZATION_TEXTS, OTP_EMAIL_PATTERN, OrganizationPage, PAST_TIME_RANGES, PHONE_NUMBER_FORMATS, PLURAL, PRODUCT_ROLES_ROUTE_MAP, PROFILE_LINKS, PROFILE_SECTION_SELECTORS, PROJECT_NAMES, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RailsEmailApiClient, RailsEmailUtils, RoleApis, RolesPage, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STATUS_TEXTS, STORAGE_STATE, SecurityApi, SidebarSection, SlackApi, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEAM_MEMBER_TEXTS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THEMES_SELECTORS, THEMES_TEXTS, THIRD_PARTY_RESOURCES, THIRD_PARTY_ROUTES, TIME_RANGES, TOASTR_MESSAGES, TWILIO_SELECTORS, TagsApi, TagsPage, TeamMembers, ThankYouApi, ThankYouPage, TwilioApi, USER_AGENTS, WEBHOOK_SELECTORS, WebhookSiteApi, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, authenticateUser, baseURLGenerator, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, createOrganizationViaRake, currencyUtils, dataQa, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generatePhoneNumber, generatePhoneNumberDetails, generateRandomBypassEmail, generateRandomFile, generateStagingData, getByDataQA, getClipboardContent, getDirname, getFormattedPhoneNumber, getFullUrl, getGlobalUserProps, getGlobalUserState, getImagePathAndName, getIsoCodeFromPhoneCode, getListCount, globalShortcuts, grantClipboardPermissions, hexToRGB, hexToRGBA, i18nFixture, imageRegex, initializeCredentials, initializeTestData, initializeTotp, isGithubIssueOpen, isStagingOrganizationExpired, joinHyphenCase, joinString, login, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, serializeFileForBrowser, shouldSkipCustomDomainSetup, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, warmup, withCookieCache, writeDataToFile };
+export { ACTIONS, ADMIN_PANEL_SELECTORS, ALL_RESOURCES, ANALYTICS_RESOURCES, API_KEYS_SELECTORS, API_ROUTES, APP_RESOURCES, AUDIT_LOGS_SELECTORS, ApiKeysApi, ApiKeysPage, AuditLogsPage, BASE_URL, CALENDAR_LABELS, CERTIFICATE_LIMIT_EXCEEDED_MESSAGE, CERTIFICATE_LIMIT_EXCEEDED_REGEXP, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, COMMUNITY_TEXTS, CREDENTIALS, CURRENT_TIME_RANGES, CUSTOM_DOMAIN_SELECTORS, CUSTOM_DOMAIN_SUFFIX, ColorPickerUtils, CustomCommands, CustomDomainApi, CustomDomainPage, DATE_FORMATS, DATE_PICKER_SELECTORS, DATE_RANGES, DATE_TEXTS, DEFAULT_WEBHOOKS_RESPONSE_TEXT, DESCRIPTION_EDITOR_TEXTS, EDITOR_VERIFY_TEXT_COLOR, EMBED_SELECTORS, EMOJI_LABEL, EMPTY_STORAGE_STATE, ENGAGE_TEXTS, ENVIRONMENT, EXAMPLE_URL, EXPANDED_FONT_SIZE, EXPORT_FILE_TYPES, EditorPage, EmailDeliveryUtils, EmbedBase, FILE_FORMATS, FONTS_RESOURCES, FONT_SIZE_SELECTORS, FROM_EMAIL_ENV_KEYS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_ANALYTICS_SELECTORS, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GOOGLE_SHEETS_SELECTORS, GooglePage, HELP_CENTER_ROUTES, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IPRestrictionsPage, IP_RESTRICTIONS_SELECTORS, IS_CI, IS_DEV_ENV, IS_STAGING_ENV, ImageUploader, IntegrationBase, IpRestrictionsApi, KEYBOARD_SHORTCUTS_SELECTORS, KEYBOARD_SHORTCUT_TEST_CASES, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MICROSOFT_LOGIN_SELECTORS, MICROSOFT_LOGIN_TEXTS, MailerUtils, Member, MemberApis, MicrosoftPage, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_SEO_SELECTORS, NEETO_TEXT_MODIFIER_SELECTORS, NeetoAuthServer, NeetoChatWidget, NeetoEmailDeliveryApi, NeetoTowerApi, ONBOARDING_SELECTORS, ORGANIZATION_TEXTS, OTP_EMAIL_PATTERN, OrganizationPage, PAST_TIME_RANGES, PHONE_NUMBER_FORMATS, PLURAL, PRODUCT_ROLES_ROUTE_MAP, PROFILE_LINKS, PROFILE_SECTION_SELECTORS, PROJECT_NAMES, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RailsEmailApiClient, RailsEmailUtils, RoleApis, RolesPage, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STATUS_TEXTS, STORAGE_STATE, SecurityApi, SidebarSection, SlackApi, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEAM_MEMBER_TEXTS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THEMES_SELECTORS, THEMES_TEXTS, THIRD_PARTY_RESOURCES, THIRD_PARTY_ROUTES, TIME_RANGES, TOASTR_MESSAGES, TWILIO_SELECTORS, TagsApi, TagsPage, TeamMembers, ThankYouApi, ThankYouPage, TwilioApi, USER_AGENTS, WEBHOOK_SELECTORS, WebhookSiteApi, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, authenticateUser, baseURLGenerator, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, createOrganizationViaRake, currencyUtils, dataQa, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, fixedMenuSelector, generatePhoneNumber, generatePhoneNumberDetails, generateRandomBypassEmail, generateRandomFile, generateStagingData, getByDataQA, getClipboardContent, getDirname, getFormattedPhoneNumber, getFullUrl, getGlobalUserProps, getGlobalUserState, getImagePathAndName, getIsoCodeFromPhoneCode, getListCount, globalShortcuts, grantClipboardPermissions, hexToRGB, hexToRGBA, i18nFixture, imageRegex, initializeCredentials, initializeTestData, initializeTotp, isGithubIssueOpen, isStagingOrganizationExpired, joinHyphenCase, joinString, login, networkConditions, networkThrottlingUsingCDP, optionSelector, readFileSyncIfExists, removeCredentialFile, serializeFileForBrowser, shouldSkipCustomDomainSetup, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, warmup, withCookieCache, writeDataToFile };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-playwright-commons",
-  "version": "4.1.8",
+  "version": "4.1.10",
   "description": "A package encapsulating common playwright code across neeto projects.",
   "repository": "git@github.com:bigbinary/neeto-playwright-commons.git",
   "license": "apache-2.0",