@bigbinary/neeto-playwright-commons 1.10.11 → 1.10.13

package/index.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var child_process = require('child_process');
 var fs$d = require('fs');
+var Path = require('path');
+var child_process = require('child_process');
 var test$1 = require('@playwright/test');
 var ramda = require('ramda');
 var require$$0$1 = require('util');
-var Path = require('path');
 var faker = require('@faker-js/faker');
 var MailosaurClient = require('mailosaur');
 var dayjs = require('dayjs');
@@ -52,10 +52,10 @@ function _interopNamespace(e) {
 
 var fs__namespace = /*#__PURE__*/_interopNamespace(fs$d);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs$d);
-var test__default = /*#__PURE__*/_interopDefaultLegacy(test$1);
-var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0$1);
 var Path__default = /*#__PURE__*/_interopDefaultLegacy(Path);
 var Path__namespace = /*#__PURE__*/_interopNamespace(Path);
+var test__default = /*#__PURE__*/_interopDefaultLegacy(test$1);
+var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0$1);
 var MailosaurClient__default = /*#__PURE__*/_interopDefaultLegacy(MailosaurClient);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var require$$0__default$2 = /*#__PURE__*/_interopDefaultLegacy(require$$0$3);
@@ -378,6 +378,7 @@ const COMMON_SELECTORS = {
     submitButton: "submit-button",
     tableRow: ".ant-table-row",
     navigationHeaderLeftBlock: "navigation-header-left-block",
+    fileUploadBody: "file-upload-body",
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3626,9 +3627,25 @@ class CustomCommands {
             await uploadFile;
             await test$1.expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
         };
+        this.uploadFileViaDispatch = async ({ fileNameWithType, assetsPath = "../../../e2e/assets/", dispatchEvent = "drop", droppableZone = this.page.getByTestId(COMMON_SELECTORS.fileUploadBody), }) => {
+            const filePath = Path__default["default"].join(__dirname, `${assetsPath}/${fileNameWithType}`);
+            const buffer = fs$d.readFileSync(filePath).toString("base64");
+            const dataTransfer = await droppableZone.evaluateHandle((_, { buffer, fileNameWithType }) => {
+                var _a;
+                const dataTransfer = new DataTransfer();
+                const fileName = (_a = fileNameWithType.split("/")) === null || _a === void 0 ? void 0 : _a[1];
+                const hexString = Uint8Array.from(atob(buffer), c => c.charCodeAt(0));
+                const file = new File([hexString], fileName);
+                dataTransfer.items.add(file);
+                return dataTransfer;
+            }, { buffer, fileNameWithType });
+            await droppableZone.dispatchEvent(dispatchEvent, { dataTransfer });
+        };
         this.verifyTooltip = async ({ triggerElement, content, }) => {
             await triggerElement.hover();
             await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.tooltip)).toContainText(content);
+            await this.page.mouse.move(0, 0);
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.tooltip)).toBeHidden();
         };
         this.page = page;
         this.responses = [];
@@ -13516,14 +13533,16 @@ class WebhooksPage {
             await addWebhook;
             await test$1.expect(this.page.getByRole("row", { name: webhookSiteURL })).toBeVisible();
         };
-        this.verifyLatestWebhookResponse = async ({ callback = () => { }, webhookToken, ...otherParams }) => {
+        this.verifyLatestWebhookResponse = async ({ callback = () => { }, webhookToken, parseFullResponseContent = false, ...otherParams }) => {
             let response;
             await test$1.expect(async () => {
                 response = await this.request.get(`https://webhook.site/token/${webhookToken}/request/latest`);
                 test$1.expect(response.status()).toBe(200);
                 if (response.status() === 200) {
                     const { content } = await response.json();
-                    const parsedResponse = JSON.parse(content).webhook;
+                    const parsedResponse = parseFullResponseContent
+                        ? JSON.parse(content)
+                        : JSON.parse(content).webhook;
                     callback({ parsedResponse, ...otherParams });
                 }
             }).toPass({ timeout: 20000 });
@@ -13816,6 +13835,7 @@ const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
 const fixedMenuSelector = (selector) => `neeto-editor-fixed-menu-${selector}`;
 
 const NEETO_EDITOR_SELECTORS = {
+    fontSize: optionSelector("font-size"),
     boldOption: optionSelector("bold"),
     italicOption: optionSelector("italic"),
     underlineOption: optionSelector("underline"),
@@ -13839,7 +13859,6 @@ const NEETO_EDITOR_SELECTORS = {
     addLinkTextField: "neeto-editor-add-link-text-input",
     addURLTextField: "neeto-editor-add-link-url-input",
     submitLinkButton: "neeto-editor-add-link",
-    fontSizeDropdown: (currentOption) => `${joinHyphenCase(currentOption)}-dropdown-icon`,
     fixedMenuArrow: fixedMenuSelector("arrow"),
     cannedResponseOption: optionSelector("canned-responses"),
     cannedResponseSelectContainer: "select-a-canned-response-select-container",
@@ -13902,10 +13921,9 @@ class EditorPage {
                 (await this.moreMenuSelector.click());
             return optionLocator.isVisible();
         };
-        this.verifyFontSize = async (defaultFontSizeOption) => {
-            await this.editorWrapper
-                .getByTestId(NEETO_EDITOR_SELECTORS.fontSizeDropdown(defaultFontSizeOption))
-                .click();
+        this.verifyFontSize = async () => {
+            const fontSizeDropdown = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.fontSize);
+            await fontSizeDropdown.click();
             const fontSize = Object.keys(FONT_SIZE_SELECTORS);
             for (const font of fontSize) {
                 const fontKey = font;
@@ -13913,9 +13931,7 @@ class EditorPage {
                     .getByTestId(FONT_SIZE_SELECTORS[fontKey])
                     .click();
                 await test$1.expect(this.contentField.getByRole("heading", { level: Number(font.slice(1)) })).toBeVisible();
-                await this.editorWrapper
-                    .getByTestId(NEETO_EDITOR_SELECTORS.fontSizeDropdown(EXPANDED_FONT_SIZE[fontKey]))
-                    .click();
+                await fontSizeDropdown.click();
             }
         };
         this.verifyTextModifiers = async () => {
@@ -14075,9 +14091,9 @@ class EditorPage {
                 await test$1.expect(this.contentField.getByText(dynamicVariable)).toBeVisible();
             }
         };
-        this.verifyDescriptionEditor = async ({ text, dynamicVariables, defaultFontSizeOption = "Paragraph", linkUrl = faker.faker.internet.url(), filePath = "../../../e2e/assets/images/BigBinary.png", imageUrl = "https://picsum.photos/200/300", videoUrl = "https://youtu.be/jNQXAC9IVRw", cannedResponseSuccessMessage, }) => {
+        this.verifyDescriptionEditor = async ({ text, dynamicVariables, linkUrl = faker.faker.internet.url(), filePath = "../../../e2e/assets/images/BigBinary.png", imageUrl = "https://picsum.photos/200/300", videoUrl = "https://youtu.be/jNQXAC9IVRw", cannedResponseSuccessMessage, }) => {
             await this.contentField.fill(text);
-            await this.verifyFontSize(defaultFontSizeOption);
+            await this.verifyFontSize();
             if (await this.assertOptionVisibility(this.paragraphSelector)) {
                 await this.paragraphSelector.click();
                 const paragraphRole = DESCRIPTION_EDITOR_TEXTS.paragraphOption;