@bigbinary/neeto-playwright-commons 1.17.6 → 1.17.8

package/index.cjs.js

@@ -798,7 +798,8 @@ const TABLE_SELECTORS = {
 
 const THEMES_SELECTORS = {
     colorPickerDropdownContainer: (colorHex) => `${colorHex}-dropdown-container`,
-    themeStyle: (styleType) => `theme-style-${neetoCist.hyphenate(styleType)}`,
+    baseThemeStyle: (styleType) => `theme-style-${neetoCist.hyphenate(styleType)}`,
+    introPageThemeStyle: (styleType) => `intro-page-theme-style-${neetoCist.hyphenate(styleType)}`,
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3904,6 +3905,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) => {
@@ -12281,19 +12285,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 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();
+            const colorPickerButton = themeLocator.getByTestId(EMBED_SELECTORS.colorPickerTarget);
+            await test$1.expect(async () => {
+                await colorPickerButton.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();
+            }).toPass({ timeout: 40000 });
         };
         this.hexToRGBA = (hex) => {
             let r = 0, g = 0, b = 0, a = 1;