@bigbinary/neeto-playwright-commons 1.17.4 → 1.17.6

package/index.cjs.js

@@ -469,6 +469,7 @@ const EMBED_SELECTORS = {
     buttonTextColorLabel: "button-text-color-label",
     colorPickerTarget: "color-picker-target",
     colorpickerEditableInput: "colorpicker-editable-input",
+    colorpickerEditableInputTextbox: "colorpicker-editable-input-textbox",
     showIconCheckbox: "show-icon-checkbox",
     elementIdInput: "element-id-input-field",
     previewElementPopupButton: "preview-element-popup-button",
@@ -795,6 +796,11 @@ const TABLE_SELECTORS = {
     columnMenuButton: "column-menu-button",
 };
 
+const THEMES_SELECTORS = {
+    colorPickerDropdownContainer: (colorHex) => `${colorHex}-dropdown-container`,
+    themeStyle: (styleType) => `theme-style-${neetoCist.hyphenate(styleType)}`,
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -3955,7 +3961,10 @@ class CustomCommands {
                 ...interceptMultipleResponsesProps,
             });
             await pageContext.reload();
-            await Promise.all([this.waitForPageLoad(), reloadRequests]);
+            await Promise.all([
+                this.waitForPageLoad({ customPageContext: pageContext }),
+                reloadRequests,
+            ]);
         };
         this.waitForPageLoad = async ({ visibilityTimeout = 35000, customPageContext, } = {}) => {
             const pageContext = customPageContext !== null && customPageContext !== void 0 ? customPageContext : this.page;
@@ -12253,6 +12262,58 @@ class MailerUtils {
     }
 }
 
+const hexToRGBA = (hex) => {
+    let r = 0, g = 0, b = 0, a = 1;
+    if (hex.length === 5) {
+        r = parseInt(`${hex[1]}${hex[1]}`, 16);
+        g = parseInt(`${hex[2]}${hex[2]}`, 16);
+        b = parseInt(`${hex[3]}${hex[3]}`, 16);
+        a = parseInt(`${hex[4]}${hex[4]}`, 16) / 255;
+    }
+    else if (hex.length === 9) {
+        r = parseInt(`${hex[1]}${hex[2]}`, 16);
+        g = parseInt(`${hex[3]}${hex[4]}`, 16);
+        b = parseInt(`${hex[5]}${hex[6]}`, 16);
+        a = parseInt(`${hex[7]}${hex[8]}`, 16) / 255;
+    }
+    return `rgba(${r}, ${g}, ${b}, ${a.toFixed(2)})`;
+};
+class ColorPickerUtils {
+    constructor(page) {
+        this.page = page;
+        this.pickColor = async (styleType, 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 test$1.expect(colorPickerInput).toBeVisible();
+            await colorPickerInput.fill(color.replace("#", ""));
+            await test$1.expect(this.page.getByTestId(THEMES_SELECTORS.colorPickerDropdownContainer(color))).toBeVisible();
+            await colorPickerInput.press("Escape");
+            await test$1.expect(colorPickerInput).toBeHidden();
+        };
+        this.hexToRGBA = (hex) => {
+            let r = 0, g = 0, b = 0, a = 1;
+            if (hex.length === 5) {
+                r = parseInt(`${hex[1]}${hex[1]}`, 16);
+                g = parseInt(`${hex[2]}${hex[2]}`, 16);
+                b = parseInt(`${hex[3]}${hex[3]}`, 16);
+                a = parseInt(`${hex[4]}${hex[4]}`, 16) / 255;
+            }
+            else if (hex.length === 9) {
+                r = parseInt(`${hex[1]}${hex[2]}`, 16);
+                g = parseInt(`${hex[3]}${hex[4]}`, 16);
+                b = parseInt(`${hex[5]}${hex[6]}`, 16);
+                a = parseInt(`${hex[7]}${hex[8]}`, 16) / 255;
+            }
+            return `rgba(${r}, ${g}, ${b}, ${a.toFixed(2)})`;
+        };
+    }
+}
+
 const commands = {
     neetoPlaywrightUtilities: async ({ page, request, baseURL }, use) => {
         const commands = new CustomCommands(page, request, baseURL);
@@ -12268,6 +12329,10 @@ const commands = {
         await mailerUtils.fastmailApi.authorizeAndSetAccountId();
         await use(mailerUtils);
     },
+    colorPicker: async ({ page }, use) => {
+        const colorPicker = new ColorPickerUtils(page);
+        await use(colorPicker);
+    },
 };
 
 const generateStagingData = (product = "invoice") => {
@@ -21391,7 +21456,7 @@ class EmbedBase {
                 .click();
             await this.page
                 .getByTestId(EMBED_SELECTORS.colorpickerEditableInput)
-                .getByRole("textbox")
+                .getByTestId(EMBED_SELECTORS.colorpickerEditableInputTextbox)
                 .fill(customizationOptions.buttonColorHex);
             const buttonTextColorLabel = this.page.getByTestId(EMBED_SELECTORS.buttonTextColorLabel);
             // This additional click is to close the previously opened color picker for buttonColor.
@@ -21403,7 +21468,7 @@ class EmbedBase {
                 .click();
             await this.page
                 .getByTestId(EMBED_SELECTORS.colorpickerEditableInput)
-                .getByRole("textbox")
+                .getByTestId(EMBED_SELECTORS.colorpickerEditableInputTextbox)
                 .fill(customizationOptions.buttonTextColorHex);
             const showIconCheckbox = this.page.getByTestId(EMBED_SELECTORS.showIconCheckbox);
             if (customizationOptions.showIcon === true) {
@@ -25262,7 +25327,7 @@ class OrganizationPage {
             await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({ timeout: 15000 });
         };
         this.loginAndOnboard = async ({ email, firstName, lastName, country, handleOnboarding, baseURL = process.env.BASE_URL, }) => {
-            await this.page.goto(`${baseURL}/${ROUTES.admin}`, { timeout: 20000 });
+            await this.page.goto(`${baseURL}${ROUTES.admin}`, { timeout: 20000 });
             await this.loginViaSSO(email);
             await this.setupProfile({ firstName, lastName, country });
             await this.page.waitForURL(new RegExp(getGlobalUserState().domain), {
@@ -158275,23 +158340,6 @@ const isGithubIssueOpen = async (issueLinks) => {
     return issueStatuses.some(issueStatus => { var _a; return ((_a = issueStatus === null || issueStatus === void 0 ? void 0 : issueStatus.data) === null || _a === void 0 ? void 0 : _a.state) === "open"; });
 };
 
-const hexToRGBA = (hex) => {
-    let r = 0, g = 0, b = 0, a = 1;
-    if (hex.length === 5) {
-        r = parseInt(`${hex[1]}${hex[1]}`, 16);
-        g = parseInt(`${hex[2]}${hex[2]}`, 16);
-        b = parseInt(`${hex[3]}${hex[3]}`, 16);
-        a = parseInt(`${hex[4]}${hex[4]}`, 16) / 255;
-    }
-    else if (hex.length === 9) {
-        r = parseInt(`${hex[1]}${hex[2]}`, 16);
-        g = parseInt(`${hex[3]}${hex[4]}`, 16);
-        b = parseInt(`${hex[5]}${hex[6]}`, 16);
-        a = parseInt(`${hex[7]}${hex[8]}`, 16) / 255;
-    }
-    return `rgba(${r}, ${g}, ${b}, ${a.toFixed(2)})`;
-};
-
 var main$2 = {exports: {}};
 
 var name = "dotenv";
@@ -158990,6 +159038,7 @@ exports.TEXT_MODIFIER_ROLES = TEXT_MODIFIER_ROLES;
 exports.TEXT_MODIFIER_SELECTORS = TEXT_MODIFIER_SELECTORS;
 exports.TEXT_MODIFIER_TAGS = TEXT_MODIFIER_TAGS;
 exports.THANK_YOU_SELECTORS = THANK_YOU_SELECTORS;
+exports.THEMES_SELECTORS = THEMES_SELECTORS;
 exports.THIRD_PARTY_ROUTES = THIRD_PARTY_ROUTES;
 exports.TOASTR_MESSAGES = TOASTR_MESSAGES;
 exports.TagsPage = TagsPage;