@bigbinary/neeto-playwright-commons 1.17.5 → 1.17.7

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,10 +697,68 @@ declare class MailerUtils {
   */
   generateRandomEmail: () => string;
 }
+interface BaseThemeStyle {
+  primaryColor: Hex;
+  secondaryColor: Hex;
+  primaryTextColor: Hex;
+  secondaryTextColor: Hex;
+  backgroundColor: Hex;
+  cardBackgroundColor: Hex;
+  cardTextColor: Hex;
+  linkColor: Hex;
+}
+type BaseThemeStyleType = keyof BaseThemeStyle;
+type Hex = Lowercase<`#${string}`>;
+/**
+ *
+ * This function converts a hexadecimal color code to its RGBA equivalent.
+ *
+ * @example 
+ *
+ * import { hexToRGBA } from "@bigbinary/neeto-playwright-commons";
+ * 
+ *    // Convert hexadecimal color code to RGB
+ *    const rgbaColor = hexToRGBA("#ffffff29");
+ * 
+ *    console.log(rgbaColor); // Output: 'rgba(255, 255, 255, 0.16)'
+ * 
+ *    // Convert another hexadecimal color code to RGB
+ *    const anotherRGBAColor = hexToRGBA("#00ff00ff");
+ * 
+ *    console.log(anotherRGBAColor); // Output: 'rgba(0, 255, 0, 1)'
+ * @endexample
+*/
+declare const hexToRGBA: (hex: string) => string;
+declare class ColorPickerUtils {
+  private page;
+  constructor(page: Page);
+  pickColor: (styleType: BaseThemeStyleType, color: Hex) => Promise<void>;
+  /**
+   *
+   * This function converts a hexadecimal color code to its RGBA equivalent.
+   *
+   * @example 
+   *
+   * import { hexToRGBA } from "@bigbinary/neeto-playwright-commons";
+   * 
+   *    // Convert hexadecimal color code to RGB
+   *    const rgbaColor = hexToRGBA("#ffffff29");
+   * 
+   *    console.log(rgbaColor); // Output: 'rgba(255, 255, 255, 0.16)'
+   * 
+   *    // Convert another hexadecimal color code to RGB
+   *    const anotherRGBAColor = hexToRGBA("#00ff00ff");
+   * 
+   *    console.log(anotherRGBAColor); // Output: 'rgba(0, 255, 0, 1)'
+   * @endexample
+  */
+  hexToRGBA: (hex: string) => string;
+}
 interface CustomFixture {
   neetoPlaywrightUtilities: CustomCommands;
   page: Page;
   mailerUtils: MailerUtils;
+  colorPicker: ColorPickerUtils;
 }
 type Commands = Fixtures<CustomFixture, PlaywrightWorkerArgs & PlaywrightWorkerOptions, PlaywrightTestArgs & PlaywrightTestOptions, PlaywrightWorkerArgs & PlaywrightWorkerOptions>;
 declare const commands: Commands;
@@ -4509,6 +4570,8 @@ declare const FONT_SIZE_SELECTORS: {
  *
  * colorpickerEditableInput: Selector for the color picker editable input.
  *
+ * colorpickerEditableInputTextbox: Selector for the color picker editable input textbox.
+ *
  * showIconCheckbox: Selector for the show icon checkbox.
  *
  * elementIdInput: Selector for the element ID input field.
@@ -4534,6 +4597,7 @@ declare const EMBED_SELECTORS: {
   buttonTextColorLabel: string;
   colorPickerTarget: string;
   colorpickerEditableInput: string;
+  colorpickerEditableInputTextbox: string;
   showIconCheckbox: string;
   elementIdInput: string;
   previewElementPopupButton: string;
@@ -5450,6 +5514,21 @@ declare const TABLE_SELECTORS: {
   columnHeaderTitle: (columnName: string) => string;
   columnMenuButton: string;
 };
+/**
+ *
+ * Selectors for theme components.
+ *
+ * @example 
+ *
+ * import { THEMES_SELECTORS } from "@bigbinary/neeto-playwright-commons";
+ * @endexample
+ * colorPickerDropdownContainer(colorHex: string): Selector for the color picker dropdown container.
+ *
+*/
+declare const THEMES_SELECTORS: {
+  colorPickerDropdownContainer: (colorHex: string) => string;
+  themeStyle: (styleType: BaseThemeStyleType) => string;
+};
 /**
  *
  * Function to initialize credentials of the current user in the storageState.
@@ -6200,28 +6279,6 @@ declare const currencyUtils: {
  * @endexample
 */
 declare const isGithubIssueOpen: (issueLinks: string[]) => Promise<boolean>;
-/**
- *
- * This function converts a hexadecimal color code to its RGBA equivalent.
- *
- * hex: A string representing the hexadecimal color code to be converted to RGBA.
- *
- * @example 
- *
- *    import { hexToRGBA } from "@bigbinary/neeto-playwright-commons";
- * 
- *    // Convert hexadecimal color code to RGB
- *    const rgbaColor = hexToRGBA("#ffffff29");
- * 
- *    console.log(rgbaColor); // Output: 'rgba(255, 255, 255, 0.16)'
- * 
- *    // Convert another hexadecimal color code to RGB
- *    const anotherRGBAColor = hexToRGBA("#00ff00ff");
- * 
- *    console.log(anotherRGBAColor); // Output: 'rgba(0, 255, 0, 1)'
- * @endexample
-*/
-declare const hexToRGBA: (hex: string) => string;
 /**
  *
  * Simulates typing with a delay.
@@ -6294,4 +6351,4 @@ interface Overrides {
  * @endexample
 */
 declare const definePlaywrightConfig: (overrides: Overrides) => _playwright_test.PlaywrightTestConfig<{}, {}>;
-export { API_ROUTES, AUDIT_LOGS_TEXTS, ApiKeysPage, AuditLogsPage, BASE_URL, 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, 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 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 };