@bigbinary/neeto-playwright-commons 1.17.6 → 1.17.8

package/index.d.ts

@@ -113,6 +113,9 @@ declare class CustomCommands {
    * @endexample
   */
   initializeCsrfToken: () => Promise<string | null>;
+  /**
+   * @deprecated Use UI assertions instead.
+   */
   /**
    *
    * Command to wait until a response with URL responseUrl is found. Optionally,
@@ -694,6 +697,7 @@ declare class MailerUtils {
   */
   generateRandomEmail: () => string;
 }
+type Hex = Lowercase<`#${string}`>;
 interface BaseThemeStyle {
   primaryColor: Hex;
   secondaryColor: Hex;
@@ -705,7 +709,16 @@ interface BaseThemeStyle {
   linkColor: Hex;
 }
 type BaseThemeStyleType = keyof BaseThemeStyle;
-type Hex = Lowercase<`#${string}`>;
+interface IntroPageThemeStyle {
+  titleColor: Hex;
+  descriptionColor: Hex;
+  cardBackgroundColor: Hex;
+  pageBackgroundColor: Hex;
+  meetingCardBackgroundColor: Hex;
+  meetingCardTextColor: Hex;
+}
+type IntroPageThemeStyleType = keyof IntroPageThemeStyle;
+type ThemeCategory = "base" | "intro";
 /**
  *
  * This function converts a hexadecimal color code to its RGBA equivalent.
@@ -729,7 +742,7 @@ declare const hexToRGBA: (hex: string) => string;
 declare class ColorPickerUtils {
   private page;
   constructor(page: Page);
-  pickColor: (styleType: BaseThemeStyleType, color: Hex) => Promise<void>;
+  pickColor: (themeLocator: Locator, color: Hex) => Promise<void>;
   /**
    *
    * This function converts a hexadecimal color code to its RGBA equivalent.
@@ -5524,7 +5537,8 @@ declare const TABLE_SELECTORS: {
 */
 declare const THEMES_SELECTORS: {
   colorPickerDropdownContainer: (colorHex: string) => string;
-  themeStyle: (styleType: BaseThemeStyleType) => string;
+  baseThemeStyle: (styleType: string) => string;
+  introPageThemeStyle: (styleType: string) => string;
 };
 /**
  *
@@ -6348,4 +6362,4 @@ interface Overrides {
  * @endexample
 */
 declare const definePlaywrightConfig: (overrides: Overrides) => _playwright_test.PlaywrightTestConfig<{}, {}>;
-export { API_ROUTES, AUDIT_LOGS_TEXTS, ApiKeysPage, AuditLogsPage, BASE_URL, type BaseThemeStyleType, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, type CustomFixture, DATE_TEXTS, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, EMPTY_STORAGE_STATE, ENGAGE_TEXTS, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GooglePage, 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, MailerUtils, Member, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PLURAL, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RolesPage, SELECT_COUNTRY, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THEMES_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TagsPage, TeamMembers, ThankYouPage, USER_AGENTS, WEBHOOK_SELECTORS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, currencyUtils, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, getListCount, headerUtils, hexToRGB, hexToRGBA, hyphenize, i18nFixture, initializeCredentials, initializeTotp, isGithubIssueOpen, joinHyphenCase, joinString, login, loginWithoutSSO, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, AUDIT_LOGS_TEXTS, ApiKeysPage, AuditLogsPage, BASE_URL, type BaseThemeStyle, type BaseThemeStyleType, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COLOR, COMMON_SELECTORS, COMMON_TEXTS, CREDENTIALS, CustomCommands, type CustomFixture, DATE_TEXTS, DESCRIPTION_EDITOR_TEXTS, EMBED_SELECTORS, EMOJI_LABEL, EMPTY_STORAGE_STATE, ENGAGE_TEXTS, ENVIRONMENT, EXPANDED_FONT_SIZE, EditorPage, EmbedBase, FONT_SIZE_SELECTORS, GLOBAL_TRANSLATIONS_PATTERN, GOOGLE_CALENDAR_DATE_FORMAT, GOOGLE_LOGIN_SELECTORS, GOOGLE_LOGIN_TEXTS, GooglePage, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, type IntroPageThemeStyle, type IntroPageThemeStyleType, KEYBOARD_SHORTCUTS_SELECTORS, LIST_MODIFIER_SELECTORS, LIST_MODIFIER_TAGS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailerUtils, Member, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, NEETO_TEXT_MODIFIER_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PLURAL, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, RolesPage, SELECT_COUNTRY, SIGNUP_SELECTORS, SINGULAR, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TABLE_SELECTORS, TAB_SELECTORS, TAGS_SELECTORS, TEXT_MODIFIER_ROLES, TEXT_MODIFIER_SELECTORS, TEXT_MODIFIER_TAGS, THANK_YOU_SELECTORS, THEMES_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, TagsPage, TeamMembers, ThankYouPage, type ThemeCategory, USER_AGENTS, WEBHOOK_SELECTORS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, currencyUtils, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, getListCount, headerUtils, hexToRGB, hexToRGBA, hyphenize, i18nFixture, initializeCredentials, initializeTotp, isGithubIssueOpen, joinHyphenCase, joinString, login, loginWithoutSSO, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, simulateClickWithDelay, simulateTypingWithDelay, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };

package/index.js

@@ -778,7 +778,8 @@ const TABLE_SELECTORS = {
 
 const THEMES_SELECTORS = {
     colorPickerDropdownContainer: (colorHex) => `${colorHex}-dropdown-container`,
-    themeStyle: (styleType) => `theme-style-${hyphenate(styleType)}`,
+    baseThemeStyle: (styleType) => `theme-style-${hyphenate(styleType)}`,
+    introPageThemeStyle: (styleType) => `intro-page-theme-style-${hyphenate(styleType)}`,
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3884,6 +3885,9 @@ class CustomCommands {
                 .getAttribute("content");
             return this.csrfToken;
         };
+        /**
+         * @deprecated Use UI assertions instead.
+         */
         this.interceptMultipleResponses = ({ responseUrl = "", responseStatus = 200, times = 1, baseUrl, customPageContext, timeout = 35000, } = {}) => {
             const pageContext = customPageContext !== null && customPageContext !== void 0 ? customPageContext : this.page;
             return Promise.all([...new Array(times)].map(() => pageContext.waitForResponse((response) => {
@@ -12261,19 +12265,19 @@ const hexToRGBA = (hex) => {
 class ColorPickerUtils {
     constructor(page) {
         this.page = page;
-        this.pickColor = async (styleType, color) => {
+        this.pickColor = async (themeLocator, color) => {
             const colorPickerInput = this.page
                 .getByTestId(EMBED_SELECTORS.colorpickerEditableInput)
                 .getByTestId(EMBED_SELECTORS.colorpickerEditableInputTextbox);
-            await this.page
-                .getByTestId(THEMES_SELECTORS.themeStyle(styleType))
-                .getByTestId(EMBED_SELECTORS.colorPickerTarget)
-                .click();
-            await expect(colorPickerInput).toBeVisible();
-            await colorPickerInput.fill(color.replace("#", ""));
-            await expect(this.page.getByTestId(THEMES_SELECTORS.colorPickerDropdownContainer(color))).toBeVisible();
-            await colorPickerInput.press("Escape");
-            await expect(colorPickerInput).toBeHidden();
+            const colorPickerButton = themeLocator.getByTestId(EMBED_SELECTORS.colorPickerTarget);
+            await expect(async () => {
+                await colorPickerButton.click();
+                await expect(colorPickerInput).toBeVisible();
+                await colorPickerInput.fill(color.replace("#", ""));
+                await expect(this.page.getByTestId(THEMES_SELECTORS.colorPickerDropdownContainer(color))).toBeVisible();
+                await colorPickerInput.press("Escape");
+                await expect(colorPickerInput).toBeHidden();
+            }).toPass({ timeout: 40000 });
         };
         this.hexToRGBA = (hex) => {
             let r = 0, g = 0, b = 0, a = 1;