@bigbinary/neeto-playwright-commons 1.23.6 → 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) => {
@@ -117887,6 +117880,7 @@ const SLACK_WEB_TEXTS = {
     deleteChannel: "Delete channel",
 };
 const ZAPIER_WEB_TEXTS = {
+    create: "Create",
     account: "Account",
     email: "Email",
     continue: "Continue",
@@ -120904,9 +120898,7 @@ class ZapierPage extends IntegrationBase {
             await apiKeyBox.click();
             await apiKeyBox.pressSequentially(zapierApiKey, { delay: 100 });
             await signInPage
-                .getByRole("button", {
-                name: RegExp(ZAPIER_WEB_TEXTS.yesContinueTo),
-            })
+                .getByRole("button", { name: RegExp(ZAPIER_WEB_TEXTS.yesContinueTo) })
                 .click();
             await this.continueButton.click({ timeout: 30000 });
             await test.expect(this.zapierWebPage
@@ -120916,17 +120908,20 @@ class ZapierPage extends IntegrationBase {
             const testTriggerButton = this.zapierWebPage.getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.testTrigger,
             });
-            await test.expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.spinner)).toBeHidden({
-                timeout: 25000,
-            });
-            await testTriggerButton.click();
-            await test.expect(this.zapierWebPage.getByText(ZAPIER_WEB_TEXTS.testCurrentlyInQueue)).toBeHidden({ timeout: 20000 });
-            await test.expect(this.zapierWebPage.getByLabel(ZAPIER_WEB_TEXTS.statusLabel, {
-                exact: true,
-            })).toBeVisible({ timeout: 10000 });
+            await test.expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.spinner)).toHaveCount(0, { timeout: 30000 });
             const continueWithRecordBtn = this.zapierWebPage.getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.continueWithSelectedRecord,
             });
+            await test.expect(testTriggerButton.or(continueWithRecordBtn)).toBeVisible({
+                timeout: 30000,
+            });
+            if (await testTriggerButton.isVisible()) {
+                await testTriggerButton.click();
+                await test.expect(this.zapierWebPage.getByText(ZAPIER_WEB_TEXTS.testCurrentlyInQueue)).toBeHidden({ timeout: 20000 });
+                await test.expect(this.zapierWebPage.getByLabel(ZAPIER_WEB_TEXTS.statusLabel, {
+                    exact: true,
+                })).toBeVisible({ timeout: 10000 });
+            }
             await continueWithRecordBtn.click({ timeout: 30000 });
             await test.expect(continueWithRecordBtn).toBeHidden({ timeout: 15000 });
             await this.continueButton.click({ timeout: 20000 });
@@ -120970,18 +120965,20 @@ class ZapierPage extends IntegrationBase {
                         .click();
                 }).toPass({ timeout: 40000 });
             }
-            await test.expect(connectionLocator).toHaveCount(0, {
-                timeout: 10000,
-            });
+            await test.expect(connectionLocator).toHaveCount(0, { timeout: 10000 });
         };
         this.verifyZapIsTriggered = ({ productName, submittedEmail, zapTriggeredAfter, timeout = 2 * 60000, }) => this.mailerUtils.findMessage({ to: ZAPIER_TEST_EMAIL(productName), body: submittedEmail }, { timeout, receivedAfter: zapTriggeredAfter });
         this.skipIfTaskLimitIsExhausted = async () => {
-            var _a;
             // Zapier provides 100 free task limit for free account; skip test if it's exhausted
-            await this.zapierWebPage.locator(ZAPIER_SELECTORS.universalSidebar).hover({
-                timeout: 30000,
-            });
-            await test.expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.sidebarFooter)).toBeVisible({ timeout: 10000 });
+            var _a;
+            const universalSidebar = this.zapierWebPage.locator(ZAPIER_SELECTORS.universalSidebar);
+            await test.expect(universalSidebar).toBeVisible({ timeout: 30000 });
+            await test.expect(async () => {
+                await universalSidebar
+                    .getByRole("button", { name: ZAPIER_WEB_TEXTS.create })
+                    .hover();
+                await test.expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.sidebarFooter)).toBeVisible();
+            }).toPass({ timeout: 30000 });
             if (await this.zapierWebPage
                 .getByText(RegExp(ZAPIER_WEB_TEXTS.trialEndsRegExp))
                 .isVisible()) {
@@ -121024,9 +121021,7 @@ class ZapierPage extends IntegrationBase {
             await this.page
                 .getByTestId(COMMON_SELECTORS.alertModalSubmitButton)
                 .click();
-            await this.neetoPlaywrightUtilities.verifyToast({
-                message: toastMessage,
-            });
+            await this.neetoPlaywrightUtilities.verifyToast({ message: toastMessage });
             await this.verifyIntegrationStatus("disconnected");
         };
         this.generateAPIKey = async (apiKeyLabel) => {