@bigbinary/neeto-playwright-commons 1.19.10 → 1.19.12

package/index.cjs.js

@@ -191757,8 +191757,9 @@ const LIST_MODIFIER_TAGS = {
 class EditorPage {
     constructor(page, neetoPlaywrightUtilities, editorWrapper) {
         this.wordsUsedInEditor = [];
-        this.linkUrl = faker.faker.internet.url();
         this.filePath = "../../../e2e/assets/images/BigBinary.png";
+        this.videoPath = "../../../e2e/assets/files/sample.mp4";
+        this.linkUrl = faker.faker.internet.url();
         this.imageUrl = "https://picsum.photos/200/300";
         this.videoUrl = "https://youtu.be/jNQXAC9IVRw";
         this.cannedResponseSuccessMessage = "";
@@ -191907,7 +191908,7 @@ class EditorPage {
             await fileUploader.setFiles(imagePath);
             await test$1.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
             await this.imageWrapper.getByTestId(COMMON_SELECTORS.dropdownIcon).click();
-            await this.imageUploadDeleteButton.click();
+            await this.uploadDeleteButton.click();
             await test$1.expect(this.imageWrapper).toBeHidden({
                 timeout: 15000,
             });
@@ -191927,7 +191928,7 @@ class EditorPage {
                 await this.imageWrapper
                     .getByTestId(COMMON_SELECTORS.dropdownIcon)
                     .click();
-                await this.imageUploadDeleteButton.click();
+                await this.uploadDeleteButton.click();
                 await test$1.expect(this.imageWrapper).toBeHidden({
                     timeout: 15000,
                 });
@@ -191964,7 +191965,7 @@ class EditorPage {
                 await this.videoWrapperSelector
                     .getByTestId(COMMON_SELECTORS.dropdownIcon)
                     .click();
-                await this.imageUploadDeleteButton.click();
+                await this.uploadDeleteButton.click();
                 await test$1.expect(this.videoWrapperSelector).toBeHidden({
                     timeout: 15000,
                 });
@@ -191987,6 +191988,68 @@ class EditorPage {
             await this.page.keyboard.press("Escape");
             return [{ key: "emoji", value: emoji }];
         };
+        this.verifyUndoSelector = async (isButtonInMoreMenu) => {
+            isButtonInMoreMenu && (await this.moreMenuSelector.click());
+            const randomText = await this.fillRandomText();
+            await test$1.expect(this.contentField.getByText(randomText, { exact: true })).toBeVisible();
+            await this.undoSelector.click();
+            await test$1.expect(this.contentField.getByText(randomText, { exact: true })).toBeHidden();
+            return [{ key: "undo", value: randomText }];
+        };
+        this.verifyRedoSelector = async (isButtonInMoreMenu) => {
+            isButtonInMoreMenu && (await this.moreMenuSelector.click());
+            const randomText = await this.fillRandomText();
+            await test$1.expect(this.contentField.getByText(randomText, { exact: true })).toBeVisible();
+            await this.undoSelector.click();
+            await test$1.expect(this.contentField.getByText(randomText, { exact: true })).toBeHidden();
+            await this.redoSelector.click();
+            await test$1.expect(this.contentField.getByText(randomText, { exact: true })).toBeVisible();
+            return [{ key: "redo", value: randomText }];
+        };
+        this.verifyTableSelector = async (isButtonInMoreMenu) => {
+            isButtonInMoreMenu && (await this.moreMenuSelector.click());
+            await this.tableOption.click();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.tableCreateButton)
+                .click();
+            const table = this.page.getByRole("table");
+            await test$1.expect(table).toBeVisible();
+            const rows = table.getByRole("row");
+            await test$1.expect(rows).toHaveCount(3);
+            for (let i = 0; i < 3; i++) {
+                // The index is important here as it determines which row to interact with
+                // eslint-disable-next-line playwright/no-nth-methods
+                const row = rows.nth(i);
+                const cells = row.getByRole("cell");
+                await test$1.expect(cells).toHaveCount(3);
+            }
+            return [{ key: "table" }];
+        };
+        this.verifyVideoUploadOption = async ({ filePath, isButtonInMoreMenu, shouldRemoveVideo, }) => {
+            isButtonInMoreMenu && (await this.moreMenuSelector.click());
+            await this.videoUploadOption.click();
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.imageUploadButton)
+                .click();
+            const fileUploader = await fileUploaderPromise;
+            const imagePath = Path__namespace.join(__dirname, filePath);
+            await fileUploader.setFiles(imagePath);
+            await test$1.expect(this.page.getByRole("figure")).toBeVisible({
+                timeout: 20000,
+            });
+            if (shouldRemoveVideo) {
+                await this.page
+                    .getByRole("figure")
+                    .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                    .click();
+                await this.uploadDeleteButton.click();
+                await test$1.expect(this.imageWrapper).toBeHidden({
+                    timeout: 15000,
+                });
+            }
+            return [{ key: "video-upload", value: this.videoPath }];
+        };
         this.verifyDynamicVariables = async (dynamicVariables) => {
             for (const { key, value } of dynamicVariables) {
                 await this.dynamicVariablesButton.click();
@@ -192019,14 +192082,22 @@ class EditorPage {
             }),
             "canned-responses": isButtonInMoreMenu => this.verifyCannedResponseOption(isButtonInMoreMenu),
             "video-embed": isButtonInMoreMenu => this.verifyVideoEmbedOption(this.videoUrl, isButtonInMoreMenu),
+            undo: isButtonInMoreMenu => this.verifyUndoSelector(isButtonInMoreMenu),
+            redo: isButtonInMoreMenu => this.verifyRedoSelector(isButtonInMoreMenu),
+            table: isButtonInMoreMenu => this.verifyTableSelector(isButtonInMoreMenu),
+            "video-upload": isButtonInMoreMenu => this.verifyVideoUploadOption({
+                filePath: this.videoPath,
+                isButtonInMoreMenu,
+            }),
         };
-        this.verifyDescriptionEditor = async ({ dynamicVariables, linkUrl, filePath, imageUrl, videoUrl, cannedResponseSuccessMessage, } = {}) => {
+        this.verifyDescriptionEditor = async ({ dynamicVariables, linkUrl, videoPath, filePath, imageUrl, videoUrl, cannedResponseSuccessMessage, } = {}) => {
             const fixedMenuButtons = await this.fixedMenuOptions();
             let moreMenuButtons = [];
             (await this.moreMenuSelector.isVisible()) &&
                 (moreMenuButtons = await this.moreMenuOptions());
             this.linkUrl = linkUrl || this.linkUrl;
             this.filePath = filePath || this.filePath;
+            this.videoPath = videoPath || this.videoPath;
             this.imageUrl = imageUrl || this.imageUrl;
             this.videoUrl = videoUrl || this.videoUrl;
             this.cannedResponseSuccessMessage = cannedResponseSuccessMessage;
@@ -192076,7 +192147,7 @@ class EditorPage {
         this.attachmentPreview = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.attachmentPreview);
         this.editorAttachmentsButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.editorAttachmentsButton);
         this.imageWrapper = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageWrapper);
-        this.imageUploadDeleteButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadDeleteButton);
+        this.uploadDeleteButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadDeleteButton);
         this.imageUploadOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadOption);
         this.cannedResponseOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.cannedResponseOption);
         this.videoEmbedOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.videoEmbedOption);
@@ -192088,6 +192159,10 @@ class EditorPage {
             .getByTestId(COMMON_SELECTORS.dropdownIcon);
         this.contentField = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.contentField);
         this.dynamicVariablesButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.dynamicVariablesButton);
+        this.undoSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.undoOption);
+        this.redoSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.redoOption);
+        this.tableOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.tableOption);
+        this.videoUploadOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.videoUploadOption);
     }
 }
 
@@ -194899,10 +194974,15 @@ const playdashProductionConfig = {
     ciBuildId: process.env.NEETO_CI_JOB_ID,
     tags: process.env.TAG,
 };
+const playdashLighthouseConfig = {
+    apiKey: process.env.PLAYDASH_LIGHTHOUSE_API_KEY,
+    ciBuildId: process.env.NEETO_CI_JOB_ID,
+    tags: process.env.TAG,
+};
 const isCI = [ENVIRONMENT.staging, ENVIRONMENT.review].includes((_b = process.env.TEST_ENV) !== null && _b !== void 0 ? _b : ENVIRONMENT.development) && !!process.env.NEETO_CI_JOB_ID;
 const definePlaywrightConfig = (overrides) => {
-    const { globalOverrides = {}, useOverrides = {}, useCustomProjects = false, projectOverrides = [], playdashStagingOverrides = {}, playdashProductionOverrides = {}, } = overrides;
-    const reporter = !ramda.isEmpty(playdashStagingOverrides)
+    const { globalOverrides = {}, useOverrides = {}, useCustomProjects = false, projectOverrides = [], playdashStagingOverrides = {}, playdashProductionOverrides = {}, playdashLighthouseOverrides = {}, } = overrides;
+    let reporter = !ramda.isEmpty(playdashStagingOverrides)
         ? [
             [
                 "@bigbinary/neeto-playwright-reporter",
@@ -194921,6 +195001,17 @@ const definePlaywrightConfig = (overrides) => {
                 },
             ],
         ];
+    if (process.env.IS_LIGHTHOUSE_REPORT) {
+        reporter = [
+            [
+                "@bigbinary/neeto-playwright-reporter",
+                {
+                    ...playdashLighthouseConfig,
+                    ...playdashLighthouseOverrides,
+                },
+            ],
+        ];
+    }
     return test$1.defineConfig({
         testDir: "./e2e/tests",
         fullyParallel: true,