@bigbinary/neeto-playwright-commons 1.18.4 → 1.19.0

package/index.d.ts

@@ -990,6 +990,7 @@ declare class ThankYouPage {
   addRedirectUrl: (customRedirectUrl: string) => Promise<void>;
 }
 type EmbedType = "inline" | "floatingPopup" | "elementClick";
+type EmbedTypeV2 = "inline" | "floatingPopup" | "elementPopup";
 type GetByRoleOptions = {
   checked?: boolean;
   disabled?: boolean;
@@ -1029,6 +1030,11 @@ type initializeEmbedPageParams = {
   embedCode: string;
   customElementText?: string;
 };
+type InitializeEmbedPageParamsV2 = {
+  embedType: EmbedTypeV2;
+  embedCode: string;
+  customElementText?: string;
+};
 type EmbedBasePageConstructorParams = {
   context: BrowserContext;
   page: Page;
@@ -1042,7 +1048,7 @@ declare class EmbedBase {
   appName: string;
   t: TFunction;
   embedTestPage: Page;
-  embedTestPageType: EmbedType;
+  embedTestPageType: EmbedType | EmbedTypeV2;
   embeddedFrame: FrameLocator;
   filePath: string;
   codeBlock: Locator;
@@ -1053,6 +1059,9 @@ declare class EmbedBase {
     neetoPlaywrightUtilities,
     appName
   }: EmbedBasePageConstructorParams);
+  /**
+   * @deprecated This method is deprecated. Use initializeEmbedPageV2 instead.
+   */
   /**
    *
    * Initializes the embed test page. It takes the following parameters:
@@ -1083,6 +1092,36 @@ declare class EmbedBase {
     embedCode,
     customElementText
   }: initializeEmbedPageParams) => Promise<Page>;
+  /**
+   *
+   * Initializes the embed test page. It takes the following parameters:
+   *
+   * embedType: Type of embedded content (inline, floatingPopup, elementPopup).
+   *
+   * embedCode: Embed code.
+   *
+   * customElementText: Custom text for element click type (default: "Click here").
+   *
+   * @example 
+   *
+   *   await embedBase.initializeEmbedPageV2({
+   *     embedType: "inline",
+   *     embedCode: "<iframe src='example.com'></iframe>"
+   *   });
+   *   // OR
+   * 
+   *    await embedBase.initializeEmbedPageV2({
+   *     embedType: "inline",
+   *     embedCode: "<iframe src='example.com'></iframe>",
+   *     customElementText:"Click here"
+   *   });
+   * @endexample
+  */
+  initializeEmbedPageV2: ({
+    embedType,
+    embedCode,
+    customElementText
+  }: InitializeEmbedPageParamsV2) => Promise<Page>;
   /**
    *
    * Closes the embed modal and page.
@@ -1133,8 +1172,13 @@ declare class EmbedBase {
    *     selected: true
    *   });
    * @endexample
+   * /**
+   *
   */
   clickOnPopupButton: (popUpButtonSelectorOptions: GetByRoleOptions) => Promise<void>;
+  /**
+   * @deprecated This method is deprecated. Use copyEmbedScriptV2 instead.
+   */
   /**
    *
    * Copies the embed script. It takes the following parameters:
@@ -1151,6 +1195,23 @@ declare class EmbedBase {
   }: {
     embedLabel: string;
   }) => Promise<string>;
+  /**
+   *
+   * Copies the embed script. It takes the following parameters:
+   *
+   * embedType: Type of embedded content (inline, floatingPopup, elementPopup).
+   *
+   * @example 
+   *
+   *   const embedScript = await embedBase.copyEmbedScript("inline");
+   * @endexample
+   * /**
+   *
+  */
+  copyEmbedScriptV2: (embedType: EmbedTypeV2) => Promise<string>;
+  /**
+   * @deprecated This method is deprecated. Use selectEmbedTypeV2 instead.
+   */
   /**
    *
    * Selects the embed type. It takes the following parameters:
@@ -1163,6 +1224,18 @@ declare class EmbedBase {
    * @endexample
   */
   selectEmbedType: (embedLabel: string) => Promise<void>;
+  /**
+   *
+   * Selects the embed type. It takes the following parameters:
+   *
+   * embedType: Type of embedded content (inline, floatingPopup, elementPopup).
+   *
+   * @example 
+   *
+   *   await embedBase.selectEmbedType("inline");
+   * @endexample
+  */
+  selectEmbedTypeV2: (embedType: EmbedTypeV2) => Promise<void>;
   /**
    *
    * Verifies inline customization of embedded content. It takes the following parameters:
@@ -1187,6 +1260,7 @@ declare class EmbedBase {
     inlineEmbedInterceptParams,
     customizationOptions
   }: VerifyInlineCustomizationParams) => Promise<void>;
+  backToEmbedSelection: () => Promise<void>;
   /**
    *
    * Verifies floating popup customization of embedded content. It takes the following parameters:
@@ -4754,6 +4828,10 @@ declare const FONT_SIZE_SELECTORS: {
  *
  * previewElementPopupButton: Selector for the preview element popup button.
  *
+ * embedSelector: Selector for the embed card to select embed type.
+ *
+ * backToEmbedSelectionButton: Selector for the back button to select embed type.
+ *
 */
 declare const EMBED_SELECTORS: {
   iframe: (appName: string) => string;
@@ -4777,6 +4855,8 @@ declare const EMBED_SELECTORS: {
   showIconCheckbox: string;
   elementIdInput: string;
   previewElementPopupButton: string;
+  embedSelector: (embedType: string) => string;
+  backToEmbedSelectionButton: string;
 };
 /**
  *

package/index.js

@@ -389,6 +389,8 @@ const EMBED_SELECTORS = {
     showIconCheckbox: "show-icon-checkbox",
     elementIdInput: "element-id-input-field",
     previewElementPopupButton: "preview-element-popup-button",
+    embedSelector: (embedType) => `[data-testid="embed-selector-card-${hyphenize(embedType)}"]`,
+    backToEmbedSelectionButton: "back-to-embed-selection-button",
 };
 
 const NEETO_FILTERS_SELECTORS = {
@@ -56992,6 +56994,9 @@ class ThankYouPage {
 
 class EmbedBase {
     constructor({ context, page, neetoPlaywrightUtilities, appName, }) {
+        /**
+         * @deprecated This method is deprecated. Use initializeEmbedPageV2 instead.
+         */
         this.initializeEmbedPage = async ({ embedType, embedCode, customElementText = "Click here", }) => {
             this.embedTestPage = await this.context.newPage();
             this.embedTestPageType = embedType;
@@ -57009,6 +57014,23 @@ class EmbedBase {
                 : EMBED_SELECTORS.iframe(this.appName));
             return this.embedTestPage;
         };
+        this.initializeEmbedPageV2 = async ({ embedType, embedCode, customElementText = "Click here", }) => {
+            this.embedTestPage = await this.context.newPage();
+            this.embedTestPageType = embedType;
+            const fileContent = basicHTMLContent(this.embedTestPageType === "elementPopup"
+                ? `${embedCode}<a href='#' id='open-popup-button'>${customElementText}</a>`
+                : embedCode);
+            this.filePath = `tmp/${faker.word.noun()}.html`;
+            writeFileSync$1(this.filePath, fileContent, "utf8");
+            await this.embedTestPage.goto(`file://${Path__default.resolve(this.filePath)}`, {
+                timeout: 20000,
+            });
+            await this.embedTestPage.waitForLoadState("load");
+            this.embeddedFrame = this.embedTestPage.frameLocator(this.embedTestPageType === "inline"
+                ? "iframe"
+                : EMBED_SELECTORS.iframe(this.appName));
+            return this.embedTestPage;
+        };
         this.closeEmbedModalAndPage = async () => {
             if (this.embedTestPageType !== "inline") {
                 await this.embedTestPage
@@ -57033,6 +57055,9 @@ class EmbedBase {
                 });
             }).toPass({ timeout: 2 * 60 * 1000 });
         };
+        /**
+         * @deprecated This method is deprecated. Use copyEmbedScriptV2 instead.
+         */
         this.copyEmbedScript = async ({ embedLabel }) => {
             await this.page
                 .getByTestId(COMMON_SELECTORS.radioLabel(embedLabel))
@@ -57040,12 +57065,24 @@ class EmbedBase {
             await this.page.getByTestId(COMMON_SELECTORS.copyButton).click();
             return await this.page.evaluate(() => navigator.clipboard.readText());
         };
+        this.copyEmbedScriptV2 = async (embedType) => {
+            await this.selectEmbedTypeV2(embedType);
+            await this.page.getByTestId(COMMON_SELECTORS.copyButton).click();
+            return await this.page.evaluate(() => navigator.clipboard.readText());
+        };
+        /**
+         * @deprecated This method is deprecated. Use selectEmbedTypeV2 instead.
+         */
         this.selectEmbedType = async (embedLabel) => {
             await this.page.getByTestId(EMBED_SELECTORS.htmlTab).click();
             await this.page
                 .getByTestId(COMMON_SELECTORS.radioLabel(embedLabel))
                 .check();
         };
+        this.selectEmbedTypeV2 = async (embedType) => {
+            await this.page.locator(EMBED_SELECTORS.embedSelector(embedType)).click();
+            await this.neetoPlaywrightUtilities.waitForPageLoad();
+        };
         this.verifyInlineCustomization = async ({ headingTestId, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         inlineEmbedInterceptParams, customizationOptions, }) => {
@@ -57078,7 +57115,9 @@ class EmbedBase {
             expect(iframeHeight).toStrictEqual(embedHeightPercentage);
             // eslint-disable-next-line playwright/no-standalone-expect
             expect(iframeWidth).toStrictEqual(embedWidthPercentage);
+            await this.backToEmbedSelection();
         };
+        this.backToEmbedSelection = () => this.page.getByTestId(EMBED_SELECTORS.backToEmbedSelectionButton).click();
         this.verifyFloatingPopupCustomization = async (customizationOptions) => {
             await this.page
                 .getByTestId(EMBED_SELECTORS.buttonTextInput)
@@ -57145,6 +57184,7 @@ class EmbedBase {
             else if (customizationOptions.showIcon === false) {
                 await expect(floatingButtonIcon).toBeHidden();
             }
+            await this.backToEmbedSelection();
         };
         this.verifyElementClickCustomization = async (customizationOptions) => {
             await this.page
@@ -57156,6 +57196,7 @@ class EmbedBase {
                 expect(this.page.getByTestId(EMBED_SELECTORS.previewElementPopupButton)).toBeVisible(),
                 await expect(this.page.locator(`#${customizationOptions.customId}`)).toBeVisible(),
             ]);
+            await this.backToEmbedSelection();
         };
         this.expectMultipleTextsInCodeblock = async (containTextOptions) => {
             const codeBlock = this.page.getByTestId(EMBED_SELECTORS.codeBlock);
@@ -194650,6 +194691,9 @@ const definePlaywrightConfig = (overrides) => {
             timezoneId: "Asia/Calcutta",
             geolocation: { latitude: 18.553187, longitude: 73.948313 }, // BB Pune office
             permissions: ["geolocation"],
+            launchOptions: {
+                args: ["--js-flags=--max-old-space-size=4096"],
+            },
             ...useOverrides,
         },
         projects: useCustomProjects
@@ -194662,7 +194706,10 @@ const definePlaywrightConfig = (overrides) => {
                 },
                 {
                     name: "chromium",
-                    use: { ...devices["Desktop Chrome"], storageState: STORAGE_STATE },
+                    use: {
+                        ...devices["Desktop Chrome"],
+                        storageState: STORAGE_STATE,
+                    },
                     dependencies: ["setup"],
                 },
                 { name: "cleanup credentials", testMatch: "global.teardown.ts" },