@bigbinary/neeto-playwright-commons 1.26.8 → 1.26.9

package/index.d.ts

@@ -2639,12 +2639,37 @@ declare class ZapierPage extends IntegrationBase {
   zapierWebPage: Page;
   continueButton: Locator;
   mailerUtils: MailerUtils;
+  private stepBlock;
+  private navbar;
+  private zapToggle;
+  private tabPanel;
+  private panelFooter;
+  private firstStepBlock;
   constructor({
     page,
     neetoPlaywrightUtilities,
     integrationRouteIndex,
     mailerUtils
   }: ZapierPageInitializer);
+  private gotoZapEditor;
+  private editZap;
+  private openMoreOptions;
+  private toggleZap;
+  /**
+   *
+   * Reconnects a Zapier account by navigating to the zap editor, editing the zap, opening the reconnect popup, and updating the subdomain and API key. After
+   *
+   * reconnecting, it waits for the connection to be established and toggles the zap on.
+   *
+   * zapierApiKey: Zapier API key to use for reconnection.
+   *
+   * @example 
+   *
+   * await zapierPage.reconnectAccount("your-zapier-api-key");
+   * @endexample
+  */
+  reconnectAccount: (zapierApiKey: string) => Promise<void>;
+  private setTextEditorValue;
   /**
    *
    * Logs into zapier web app. It takes the following parameters:
@@ -2669,11 +2694,11 @@ declare class ZapierPage extends IntegrationBase {
   logoutFromZapier: () => Promise<void>;
   /**
    *
-   * Reconnects zapier account and publishes changes. It takes the following parameters:
+   * Reconnects zapier account and publishes changes. It takes the following
    *
-   * zapierApiKey: Zapier API key.
+   * parameters:
    *
-   * appName: Name of the application.
+   * zapierApiKey: Zapier API key. appName: Name of the application.
    *
    * @example 
    *
@@ -2697,13 +2722,13 @@ declare class ZapierPage extends IntegrationBase {
    *
    * Verifies that a Zap is triggered. It takes the following parameters:
    *
-   * submittedEmail: Submitted email address.
+   * submittedEmail: Submitted email address. zapTriggeredAfter: Date after which
    *
-   * zapTriggeredAfter: Date after which the Zap should be triggered.
+   * the Zap should be triggered. productName: Name of the product.
    *
-   * productName: Name of the product.
+   * timeout(optional): Timeout in milliseconds to fetch the latest response.
    *
-   * timeout(optional): Timeout in milliseconds to fetch the latest response. Default is 2 * 60_000.
+   * Default is 2 * 60_000.
    *
    * @example 
    *
@@ -2732,7 +2757,9 @@ declare class ZapierPage extends IntegrationBase {
   skipIfTaskLimitIsExhausted: () => Promise<void>;
   /**
    *
-   * Connects to zapier integration and verifies the connection. It takes the following parameters:
+   * Connects to zapier integration and verifies the connection. It takes the
+   *
+   * following parameters:
    *
    * apiKeyLabel: Label for Zapier API key.
    *
@@ -2764,7 +2791,9 @@ declare class ZapierPage extends IntegrationBase {
   disconnectAndVerify: (toastMessage?: string) => Promise<void>;
   /**
    *
-   * Creates a new Zapier API key with the given label and copies it to the clipboard.
+   * Creates a new Zapier API key with the given label and copies it to the
+   *
+   * clipboard.
    *
    * apiKeyLabel : The label/name to assign to the newly created API key.
    *
@@ -5206,6 +5235,14 @@ declare const SLACK_WEB_TEXTS: {
  *
 */
 declare const ZAPIER_WEB_TEXTS: {
+  editZap: string;
+  newSubmission: string;
+  sendOutboundEmail: string;
+  moreOptions: string;
+  reconnect: string;
+  retestStep: string;
+  editThisZap: string;
+  staging: string;
   create: string;
   account: string;
   email: string;
@@ -7111,6 +7148,16 @@ declare const ZAPIER_SELECTORS: {
   iconContainer: string;
   deleteApiButton: string;
   zapierSubLink: string;
+  navbar: string;
+  authTitle: string;
+  publishButton: string;
+  panelFooter: string;
+  zapToggle: string;
+  stepBlock: string;
+  fmPrettyBox: string;
+  universalTopbar: string;
+  accountsMenu: string;
+  zapToggleCheckbox: string;
 };
 declare const TWILIO_SELECTORS: {
   sidField: string;

package/index.js

@@ -5447,10 +5447,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']",
@@ -5461,6 +5461,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 = {
@@ -113836,6 +113846,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",
@@ -116928,6 +116946,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 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 expect(this.navbar.getByTestId(ZAPIER_SELECTORS.publishButton)).toBeVisible({ timeout: 25000 });
+        };
+        this.openMoreOptions = async () => {
+            await this.firstStepBlock.waitFor({ timeout: 25000 });
+            await this.firstStepBlock.click();
+            await 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 expect(this.zapToggle.getByTestId(ZAPIER_SELECTORS.spinner)).toBeHidden({ timeout: 30000 });
+            await 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 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 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 expect(continueBtn).toBeHidden({ timeout: 25000 });
+            await 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", {
@@ -116969,6 +117071,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, {
@@ -117019,12 +117125,12 @@ class ZapierPage extends IntegrationBase {
             await this.continueButton.click({ timeout: 30000 });
             await expect(this.zapierWebPage
                 .getByLabel(ZAPIER_WEB_TEXTS.testTrigger)
-                .locator(ZAPIER_SELECTORS.spinner)).toBeHidden({ timeout: 10000 });
+                .getByTestId(ZAPIER_SELECTORS.spinner)).toBeHidden({ timeout: 10000 });
             await expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.skeletonBlock)).toHaveCount(0, { timeout: 10000 });
             const testTriggerButton = this.zapierWebPage.getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.testTrigger,
             });
-            await expect(this.zapierWebPage.locator(ZAPIER_SELECTORS.spinner)).toHaveCount(0, { timeout: 30000 });
+            await expect(this.zapierWebPage.getByTestId(ZAPIER_SELECTORS.spinner)).toHaveCount(0, { timeout: 30000 });
             const continueWithRecordBtn = this.zapierWebPage.getByRole("button", {
                 name: ZAPIER_WEB_TEXTS.continueWithSelectedRecord,
             });