@bigbinary/neeto-playwright-commons 1.26.8 → 1.26.9

package/index.cjs.js

@@ -5468,10 +5468,10 @@ const ZAPIER_SELECTORS = {
     zapOpenSubstepContainer: "[data-testid='open-sub-step-container']",
     modal: "[data-testid='Modal']",
     fmPrettytext: ".fm-prettytext",
-    spinner: "[data-testid='spinner']",
+    spinner: "spinner",
     skeletonBlock: "[data-testid='SkeletonBlock']",
     accountsLoader: "[data-testid='accounts-loader']",
-    floatingBox: "[data-testid='floating-box']",
+    floatingBox: "floating-box",
     connection: "[data-testid='Connection']",
     deleteConnectionModal: "[data-testid='DeleteAuthModal-root']",
     deleteConnectionDropdownButton: "[data-testid='connection-list-item-dropdown-item-Delete']",
@@ -5482,6 +5482,16 @@ const ZAPIER_SELECTORS = {
     iconContainer: "[data-testid='iconContainer']",
     deleteApiButton: "delete-apikey-button",
     zapierSubLink: "zapier-sub-link",
+    navbar: "top-nav-test-id",
+    authTitle: "auth-title",
+    publishButton: "publish-button-wrapper",
+    panelFooter: "#details-panel-footer",
+    zapToggle: "zap-toggle",
+    stepBlock: `step-node-${process.env.ZAP_ID}`,
+    fmPrettyBox: ".fm-pretty-text-input.pretty-text-box",
+    universalTopbar: "universalTopbar",
+    accountsMenu: "accountsMenu",
+    zapToggleCheckbox: "input[type='checkbox']",
 };
 
 const TWILIO_SELECTORS = {
@@ -113857,6 +113867,14 @@ const SLACK_WEB_TEXTS = {
     deleteChannel: "Delete channel",
 };
 const ZAPIER_WEB_TEXTS = {
+    editZap: "Edit Zap",
+    newSubmission: "New Submission",
+    sendOutboundEmail: "Send Outbound Email",
+    moreOptions: "More options",
+    reconnect: "Reconnect this authentication",
+    retestStep: "Retest step",
+    editThisZap: "Edit this Zap",
+    staging: "Staging",
     create: "Create",
     account: "Account",
     email: "Email",
@@ -116949,6 +116967,90 @@ class ZapierPage extends IntegrationBase {
             neetoPlaywrightUtilities,
             integrationRouteIndex,
         });
+        this.gotoZapEditor = async () => {
+            await this.zapierWebPage.goto(THIRD_PARTY_ROUTES.zapier.zapEditor(process.env.ZAP_ID));
+            await this.zapierWebPage.waitForLoadState();
+            await test.expect(this.firstStepBlock).toBeVisible({ timeout: 25000 });
+        };
+        this.editZap = async () => {
+            await this.navbar
+                .getByRole("button", { name: ZAPIER_WEB_TEXTS.editThisZap })
+                .click();
+            await this.zapierWebPage.waitForLoadState();
+            await test.expect(this.navbar.getByTestId(ZAPIER_SELECTORS.publishButton)).toBeVisible({ timeout: 25000 });
+        };
+        this.openMoreOptions = async () => {
+            await this.firstStepBlock.waitFor({ timeout: 25000 });
+            await this.firstStepBlock.click();
+            await test.expect(this.tabPanel).toBeVisible({ timeout: 25000 });
+            await this.tabPanel.getByLabel(ZAPIER_WEB_TEXTS.moreOptions).click();
+        };
+        this.toggleZap = async () => {
+            const checkbox = this.zapToggle.locator(ZAPIER_SELECTORS.zapToggleCheckbox);
+            const isZapTurnedOn = await checkbox.isChecked();
+            if (isZapTurnedOn)
+                return;
+            await this.zapToggle.click();
+            await test.expect(this.zapToggle.getByTestId(ZAPIER_SELECTORS.spinner)).toBeHidden({ timeout: 30000 });
+            await test.expect(checkbox).toBeChecked({ timeout: 15000 });
+        };
+        this.reconnectAccount = async (zapierApiKey) => {
+            var _a;
+            this.stepBlock = this.zapierWebPage.getByTestId(ZAPIER_SELECTORS.stepBlock);
+            this.navbar = this.zapierWebPage.getByTestId(ZAPIER_SELECTORS.navbar);
+            this.tabPanel = this.zapierWebPage.getByRole("tabpanel");
+            this.panelFooter = this.zapierWebPage.locator(ZAPIER_SELECTORS.panelFooter);
+            this.firstStepBlock = this.stepBlock.getByText(ZAPIER_WEB_TEXTS.staging);
+            this.zapToggle = this.navbar.getByTestId(ZAPIER_SELECTORS.zapToggle);
+            await this.gotoZapEditor();
+            await this.editZap();
+            await this.openMoreOptions();
+            const reconnectPopup = this.zapierWebPage.waitForEvent("popup");
+            await this.zapierWebPage
+                .getByTestId(ZAPIER_SELECTORS.floatingBox)
+                .getByRole("button", { name: ZAPIER_WEB_TEXTS.reconnect, exact: true })
+                .click();
+            const reconnectPage = await reconnectPopup;
+            await reconnectPage.waitForLoadState();
+            await test.expect(reconnectPage.getByRole("heading", { name: ZAPIER_WEB_TEXTS.loading })).toBeHidden({ timeout: 15000 });
+            const yesBtn = reconnectPage.getByRole("button", {
+                name: RegExp(ZAPIER_WEB_TEXTS.yesContinueTo),
+            });
+            const prettyTextBox = reconnectPage.locator(ZAPIER_SELECTORS.fmPrettytext);
+            const [subdomainBox, apiKeyBox] = [0, 1].map(index => 
+            // eslint-disable-next-line playwright/no-nth-methods
+            prettyTextBox.nth(index));
+            await test.expect(yesBtn).toBeVisible({ timeout: 25000 });
+            const subdomain = (_a = getGlobalUserState()) === null || _a === void 0 ? void 0 : _a.subdomainName;
+            await subdomainBox.click();
+            await this.setTextEditorValue(reconnectPage, subdomain);
+            await apiKeyBox.click();
+            await this.setTextEditorValue(reconnectPage, zapierApiKey, 1);
+            await yesBtn.click();
+            const continueBtn = this.panelFooter.getByRole("button", {
+                name: ZAPIER_WEB_TEXTS.continue,
+                exact: true,
+            });
+            await this.tabPanel
+                .getByTestId(ZAPIER_SELECTORS.authTitle)
+                .getByText(ZAPIER_WEB_TEXTS.staging)
+                .waitFor({ timeout: 35000 });
+            await continueBtn.waitFor({ timeout: 30000 });
+            await continueBtn.click({ timeout: 30000 });
+            await test.expect(continueBtn).toBeHidden({ timeout: 25000 });
+            await test.expect(this.panelFooter.getByRole("button", {
+                name: ZAPIER_WEB_TEXTS.continueWithSelectedRecord,
+            })).toBeVisible({ timeout: 35000 });
+            await this.toggleZap();
+        };
+        this.setTextEditorValue = (page, value, index = 0) => page.evaluate(({ selector, index, value }) => {
+            const container = document.querySelectorAll(selector)[index];
+            const cmElement = container.querySelector(".CodeMirror");
+            const cm = cmElement.CodeMirror;
+            cm.focus();
+            cm.setValue(value);
+            cm.refresh();
+        }, { selector: ZAPIER_SELECTORS.fmPrettyBox, index, value });
         this.loginToZapier = async (zapierWebPage) => {
             this.zapierWebPage = zapierWebPage;
             this.continueButton = this.zapierWebPage.getByRole("button", {
@@ -116990,6 +117092,10 @@ class ZapierPage extends IntegrationBase {
                 element: this.continueButton,
                 page: zapierWebPage,
             });
+            await this.zapierWebPage
+                .getByTestId(ZAPIER_SELECTORS.universalTopbar)
+                .getByTestId(ZAPIER_SELECTORS.accountsMenu)
+                .waitFor({ timeout: 25000 });
         };
         this.logoutFromZapier = async () => {
             await this.zapierWebPage.goto(THIRD_PARTY_ROUTES.zapier.logOut, {
@@ -117040,12 +117146,12 @@ class ZapierPage extends IntegrationBase {
             await this.continueButton.click({ timeout: 30000 });
             await test.expect(this.zapierWebPage
                 .getByLabel(ZAPIER_WEB_TEXTS.testTrigger)
-                .locator(ZAPIER_SELECTORS.spinner)).toBeHidden({ timeout: 10000 });
+                .getByTestId(ZAPIER_SELECTORS.spinner)).toBeHidden({ timeout: 10000 });
             await test.expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.skeletonBlock)).toHaveCount(0, { timeout: 10000 });
             const testTriggerButton = this.zapierWebPage.getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.testTrigger,
             });
-            await test.expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.spinner)).toHaveCount(0, { timeout: 30000 });
+            await test.expect(this.zapierWebPage.getByTestId(ZAPIER_SELECTORS.spinner)).toHaveCount(0, { timeout: 30000 });
             const continueWithRecordBtn = this.zapierWebPage.getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.continueWithSelectedRecord,
             });