@bigbinary/neeto-playwright-commons 1.18.4 → 1.19.0

package/index.cjs.js

@@ -409,6 +409,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 = {
@@ -57012,6 +57014,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;
@@ -57029,6 +57034,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.faker.word.noun()}.html`;
+            fs$d.writeFileSync(this.filePath, fileContent, "utf8");
+            await this.embedTestPage.goto(`file://${Path.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
@@ -57053,6 +57075,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))
@@ -57060,12 +57085,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, }) => {
@@ -57098,7 +57135,9 @@ class EmbedBase {
             test$1.expect(iframeHeight).toStrictEqual(embedHeightPercentage);
             // eslint-disable-next-line playwright/no-standalone-expect
             test$1.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)
@@ -57165,6 +57204,7 @@ class EmbedBase {
             else if (customizationOptions.showIcon === false) {
                 await test$1.expect(floatingButtonIcon).toBeHidden();
             }
+            await this.backToEmbedSelection();
         };
         this.verifyElementClickCustomization = async (customizationOptions) => {
             await this.page
@@ -57176,6 +57216,7 @@ class EmbedBase {
                 test$1.expect(this.page.getByTestId(EMBED_SELECTORS.previewElementPopupButton)).toBeVisible(),
                 await test$1.expect(this.page.locator(`#${customizationOptions.customId}`)).toBeVisible(),
             ]);
+            await this.backToEmbedSelection();
         };
         this.expectMultipleTextsInCodeblock = async (containTextOptions) => {
             const codeBlock = this.page.getByTestId(EMBED_SELECTORS.codeBlock);
@@ -194670,6 +194711,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
@@ -194682,7 +194726,10 @@ const definePlaywrightConfig = (overrides) => {
                 },
                 {
                     name: "chromium",
-                    use: { ...test$1.devices["Desktop Chrome"], storageState: STORAGE_STATE },
+                    use: {
+                        ...test$1.devices["Desktop Chrome"],
+                        storageState: STORAGE_STATE,
+                    },
                     dependencies: ["setup"],
                 },
                 { name: "cleanup credentials", testMatch: "global.teardown.ts" },