@bigbinary/neeto-playwright-commons 1.22.37 → 1.22.39

package/index.d.ts

@@ -2547,6 +2547,7 @@ declare class EditorPage {
   redoSelector: Locator;
   undoSelector: Locator;
   tableOption: Locator;
+  calloutSelector: Locator;
   videoUploadOption: Locator;
   todoListSelector: Locator;
   filePath: string;
@@ -2580,6 +2581,7 @@ declare class EditorPage {
   private verifyVideoUploadOption;
   private verifyTodoListSelector;
   verifyDynamicVariables: (dynamicVariables: KeyValuePair[]) => Promise<void>;
+  private verifyCalloutSelector;
   private buttonsAndVerifications;
   /**
    *
@@ -5401,6 +5403,7 @@ declare const NEETO_EDITOR_SELECTORS: {
   videoEmbedSubmit: string;
   videoWrapper: string;
   paragraphOption: string;
+  calloutOption: string;
   attachmentPreview: string;
   imageUploadLinkButton: string;
   errorText: string;
@@ -5414,6 +5417,9 @@ declare const NEETO_EDITOR_SELECTORS: {
   videoUploadOption: string;
   todoListOption: string;
   editorMenuWrapper: string;
+  dataEmojiType: (type: string) => string;
+  calloutContent: string;
+  calloutTypeOption: string;
   editorMediaUploaderTab: string;
   dynamicVariableSelector: (variable: string) => string;
   neetoEditorFixedMenuFontSize: string;

package/index.js

@@ -118,7 +118,7 @@ const PROFILE_LINKS = {
 class ApiKeysApi {
     constructor(neetoPlaywrightUtilities) {
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
-        this.API_KEYS_BASE_URL = `neeto_api_keys_engine${BASE_URL}`;
+        this.API_KEYS_BASE_URL = `neeto_api_keys${BASE_URL}`;
         this.create = (label, type = "general") => this.neetoPlaywrightUtilities.apiRequest({
             url: `${this.API_KEYS_BASE_URL}/api_keys`,
             method: "post",
@@ -3734,6 +3734,7 @@ const NEETO_EDITOR_SELECTORS = {
     videoEmbedSubmit: "neeto-editor-embed-cancel",
     videoWrapper: "neeto-editor-video-wrapper",
     paragraphOption: fixedMenuSelector("font-size-option-body2"),
+    calloutOption: fixedMenuSelector("callout-option"),
     attachmentPreview: "ne-attachments-wrapper",
     imageUploadLinkButton: "neeto-editor-media-uploader-link-tab",
     errorText: "neeto-editor-error-text",
@@ -3747,6 +3748,11 @@ const NEETO_EDITOR_SELECTORS = {
     videoUploadOption: optionSelector("video-upload"),
     todoListOption: optionSelector("todoList"),
     editorMenuWrapper: "neeto-editor-fixed-menu-wrapper",
+    dataEmojiType: (type) => `[data-emoji="${type}"]`,
+    //Use data-cy once https://github.com/neetozone/neeto-editor/issues/1651 is resolved
+    calloutContent: ".callout-content",
+    //Use data-cy once https://github.com/neetozone/neeto-editor/issues/1648 is resolved
+    calloutTypeOption: ".neeto-editor-callout-dropdown__type-option",
     editorMediaUploaderTab: "neeto-editor-media-uploader-local-tab",
     dynamicVariableSelector: (variable) => `dynamic-variables-list-item-${joinHyphenCase(variable)}`,
     neetoEditorFixedMenuFontSize: "neeto-editor-fixed-menu-font-size-option",
@@ -192859,6 +192865,30 @@ class EditorPage {
                 await expect(this.contentField.getByText(truncate(value, 25))).toBeVisible();
             }
         };
+        this.verifyCalloutSelector = async (isButtonInMoreMenu) => {
+            isButtonInMoreMenu && (await this.moreMenuSelector.click());
+            const calloutTypes = ["default", "info", "warning", "error", "success"];
+            const calloutContentField = this.contentField.locator(NEETO_EDITOR_SELECTORS.calloutContent);
+            const calloutTypeOption = this.page.locator(NEETO_EDITOR_SELECTORS.calloutTypeOption);
+            await this.moveCursorAtBottom();
+            for (const [index, type] of calloutTypes.entries()) {
+                await this.calloutSelector.click();
+                const calloutType = calloutTypeOption.filter({ hasText: type });
+                await expect(calloutType).toBeVisible({ timeout: 10000 });
+                await calloutType.click();
+                await Promise.all([
+                    expect(calloutTypeOption).toBeHidden(),
+                    expect(this.contentField.locator(NEETO_EDITOR_SELECTORS.dataEmojiType(type))).toBeVisible(),
+                ]);
+                const randomText = faker.lorem.word(10);
+                await this.page.keyboard.type(randomText);
+                // The index is important here as it determines which callout content field to interact with
+                // eslint-disable-next-line playwright/no-nth-methods
+                await expect(calloutContentField.nth(index)).toContainText(randomText);
+                await this.moveCursorAtBottom();
+            }
+            return [{ key: "callout" }];
+        };
         this.buttonsAndVerifications = {
             "font-size": () => this.verifyFontSize(),
             emoji: isButtonInMoreMenu => this.verifyEmojiSelector(isButtonInMoreMenu),
@@ -192884,6 +192914,7 @@ class EditorPage {
             undo: isButtonInMoreMenu => this.verifyUndoSelector(isButtonInMoreMenu),
             redo: isButtonInMoreMenu => this.verifyRedoSelector(isButtonInMoreMenu),
             table: isButtonInMoreMenu => this.verifyTableSelector(isButtonInMoreMenu),
+            callout: isButtonInMoreMenu => this.verifyCalloutSelector(isButtonInMoreMenu),
             "video-upload": isButtonInMoreMenu => this.verifyVideoUploadOption({
                 filePath: this.videoPath,
                 isButtonInMoreMenu,
@@ -192960,6 +192991,7 @@ 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.calloutSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.calloutOption);
         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);