@bigbinary/neeto-playwright-commons 1.23.7 → 1.23.8

package/index.d.ts

@@ -1590,6 +1590,7 @@ declare class EmbedBase {
     customizationOptions
   }: VerifyInlineCustomizationParams) => Promise<void>;
   backToEmbedSelection: () => Promise<void>;
+  private pickColor;
   /**
    *
    * Verifies floating popup customization of embedded content. It takes the following parameters:

package/index.js

@@ -117747,46 +117747,42 @@ class EmbedBase {
             await this.backToEmbedSelection();
         };
         this.backToEmbedSelection = () => this.page.getByTestId(EMBED_SELECTORS.backToEmbedSelectionButton).click();
+        this.pickColor = async (colorHex, colorPickerLocator) => {
+            const textbox = this.page
+                .getByTestId(EMBED_SELECTORS.colorpickerEditableInput)
+                .getByTestId(EMBED_SELECTORS.colorpickerEditableInputTextbox);
+            await expect(async () => {
+                (await textbox.isHidden()) && (await colorPickerLocator.click());
+                await textbox.fill(colorHex);
+                await expect(textbox).toHaveValue(colorHex);
+            }).toPass({ timeout: 25000 });
+            // This additional click is to close the previously opened color picker.
+            await colorPickerLocator.click();
+            await expect(textbox).toBeHidden();
+        };
         this.verifyFloatingPopupCustomization = async (customizationOptions) => {
+            const selectContainer = this.page.getByTestId(EMBED_SELECTORS.buttonPositionSelectContainer);
             await this.page
                 .getByTestId(EMBED_SELECTORS.buttonTextInput)
                 .fill(customizationOptions.buttonText);
-            await this.page
-                .getByTestId(EMBED_SELECTORS.buttonPositionSelectContainer)
-                .click();
+            await selectContainer.click();
             await this.page
                 .getByTestId(EMBED_SELECTORS.buttonPositionSelectMenu)
                 .getByText(customizationOptions.buttonPosition)
                 .click();
-            await expect(this.page.getByTestId(EMBED_SELECTORS.buttonPositionSelectContainer)).toContainText(customizationOptions.buttonPosition);
-            const buttonColorLabel = this.page.getByTestId(EMBED_SELECTORS.buttonColorLabel);
-            await buttonColorLabel
-                .getByTestId(EMBED_SELECTORS.colorPickerTarget)
-                .click();
-            await this.page
-                .getByTestId(EMBED_SELECTORS.colorpickerEditableInput)
-                .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.
-            await buttonTextColorLabel
-                .getByTestId(EMBED_SELECTORS.colorPickerTarget)
-                .click();
-            await buttonTextColorLabel
-                .getByTestId(EMBED_SELECTORS.colorPickerTarget)
-                .click();
-            await this.page
-                .getByTestId(EMBED_SELECTORS.colorpickerEditableInput)
-                .getByTestId(EMBED_SELECTORS.colorpickerEditableInputTextbox)
-                .fill(customizationOptions.buttonTextColorHex);
+            await expect(selectContainer).toContainText(customizationOptions.buttonPosition);
+            await this.pickColor(customizationOptions.buttonColorHex, this.page
+                .getByTestId(EMBED_SELECTORS.buttonColorLabel)
+                .getByTestId(EMBED_SELECTORS.colorPickerTarget));
+            await this.pickColor(customizationOptions.buttonTextColorHex, this.page
+                .getByTestId(EMBED_SELECTORS.buttonTextColorLabel)
+                .getByTestId(EMBED_SELECTORS.colorPickerTarget));
             const showIconCheckbox = this.page.getByTestId(EMBED_SELECTORS.showIconCheckbox);
-            if (customizationOptions.showIcon === true) {
-                await showIconCheckbox.check();
-                await expect(this.codeBlock).toContainText("showIcon: true");
-            }
-            else if (customizationOptions.showIcon === false) {
-                await showIconCheckbox.uncheck();
-                await expect(this.codeBlock).toContainText("showIcon: false");
+            if (isPresent(customizationOptions.showIcon)) {
+                const shouldShowIcon = customizationOptions.showIcon;
+                const showIconAction = shouldShowIcon ? "check" : "uncheck";
+                await showIconCheckbox[showIconAction]();
+                await expect(this.codeBlock).toContainText(`showIcon: ${shouldShowIcon}`);
             }
             await this.expectMultipleTextsInCodeblock([
                 `btnColor: "${customizationOptions.buttonColorHex}"`,
@@ -117806,13 +117802,10 @@ class EmbedBase {
                 expect(floatingButton).toHaveCSS("background-color", hexToRGB(customizationOptions.buttonColorHex)),
                 expect(floatingButton).toHaveCSS("color", hexToRGB(customizationOptions.buttonTextColorHex)),
             ]);
-            const floatingButtonIcon = floatingButton.locator("svg");
-            if (customizationOptions.showIcon === true) {
-                await expect(floatingButtonIcon).toBeVisible();
-            }
-            else if (customizationOptions.showIcon === false) {
-                await expect(floatingButtonIcon).toBeHidden();
-            }
+            isPresent(customizationOptions.showIcon) &&
+                (await expect(floatingButton.locator("svg")).toBeVisible({
+                    visible: customizationOptions.showIcon,
+                }));
             await this.backToEmbedSelection();
         };
         this.verifyElementClickCustomization = async (customizationOptions) => {