@bigbinary/neeto-playwright-commons 1.23.7 → 1.23.8

package/index.cjs.js

@@ -117768,46 +117768,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 test.expect(async () => {
+                (await textbox.isHidden()) && (await colorPickerLocator.click());
+                await textbox.fill(colorHex);
+                await test.expect(textbox).toHaveValue(colorHex);
+            }).toPass({ timeout: 25000 });
+            // This additional click is to close the previously opened color picker.
+            await colorPickerLocator.click();
+            await test.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 test.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 test.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 test.expect(this.codeBlock).toContainText("showIcon: true");
-            }
-            else if (customizationOptions.showIcon === false) {
-                await showIconCheckbox.uncheck();
-                await test.expect(this.codeBlock).toContainText("showIcon: false");
+            if (neetoCist.isPresent(customizationOptions.showIcon)) {
+                const shouldShowIcon = customizationOptions.showIcon;
+                const showIconAction = shouldShowIcon ? "check" : "uncheck";
+                await showIconCheckbox[showIconAction]();
+                await test.expect(this.codeBlock).toContainText(`showIcon: ${shouldShowIcon}`);
             }
             await this.expectMultipleTextsInCodeblock([
                 `btnColor: "${customizationOptions.buttonColorHex}"`,
@@ -117827,13 +117823,10 @@ class EmbedBase {
                 test.expect(floatingButton).toHaveCSS("background-color", hexToRGB(customizationOptions.buttonColorHex)),
                 test.expect(floatingButton).toHaveCSS("color", hexToRGB(customizationOptions.buttonTextColorHex)),
             ]);
-            const floatingButtonIcon = floatingButton.locator("svg");
-            if (customizationOptions.showIcon === true) {
-                await test.expect(floatingButtonIcon).toBeVisible();
-            }
-            else if (customizationOptions.showIcon === false) {
-                await test.expect(floatingButtonIcon).toBeHidden();
-            }
+            neetoCist.isPresent(customizationOptions.showIcon) &&
+                (await test.expect(floatingButton.locator("svg")).toBeVisible({
+                    visible: customizationOptions.showIcon,
+                }));
             await this.backToEmbedSelection();
         };
         this.verifyElementClickCustomization = async (customizationOptions) => {