@bigbinary/neeto-playwright-commons 1.26.4 → 1.26.5

package/index.js

@@ -2,6 +2,7 @@ import { keysToSnakeCase, hyphenate, isPresent, isNotPresent, humanize, dynamicA
 import { faker } from '@faker-js/faker';
 import * as require$$0$3 from 'fs';
 import require$$0__default, { readFileSync, promises, existsSync, writeFileSync, unlinkSync } from 'fs';
+import require$$0$5 from 'os';
 import * as path$1 from 'path';
 import path__default from 'path';
 import test, { expect, test as test$1, chromium as chromium$1, defineConfig, devices } from '@playwright/test';
@@ -10,15 +11,14 @@ import require$$0$4 from 'util';
 import { curry, not, isEmpty, pluck, mergeDeepLeft, isNil, isNotNil, mergeAll } from 'ramda';
 import { execSync } from 'child_process';
 import dayjs from 'dayjs';
-import require$$0$6 from 'stream';
+import require$$0$7 from 'stream';
 import { createRequire } from 'node:module';
-import require$$0$5 from 'buffer';
+import require$$0$6 from 'buffer';
 import require$$1$2 from 'string_decoder';
-import require$$0$7 from 'crypto';
+import require$$0$8 from 'crypto';
 import require$$1$3 from 'zlib';
-import require$$0$8 from 'assert';
+import require$$0$9 from 'assert';
 import require$$0$a from 'tty';
-import require$$0$9 from 'os';
 import stealth$1 from 'puppeteer-extra-plugin-stealth';
 import require$$1$4 from 'events';
 import timezone from 'dayjs/plugin/timezone';
@@ -4975,6 +4975,8 @@ const NEETO_EDITOR_SELECTORS = {
     neetoEditorHighlightTextColor: (textColorIndex) => `neeto-editor-highlight-text-color-dot-${textColorIndex}`,
     neetoEditorHighlightBgColor: (bgColorIndex) => `neeto-editor-highlight-background-color-dot-${bgColorIndex}`,
     todoList: "[data-type='todoList']",
+    commandListItem: (index) => `neeto-editor-command-list-item-${index}`,
+    itemBlockHeading: "neeto-editor-command-list-item-block-heading",
 };
 const NEETO_TEXT_MODIFIER_SELECTORS = {
     strike: optionSelector("strike"),
@@ -5854,6 +5856,20 @@ class CustomCommands {
             isChecked !== shouldBeChecked && (await locator.click());
             await expect(locator).toBeChecked({ checked: shouldBeChecked });
         }).toPass({ timeout: 15000 });
+        this.moveCursorAtBottom = async () => {
+            const platform = require$$0$5.platform();
+            if (platform === "darwin") {
+                await this.page.keyboard.press("Meta+ArrowRight");
+                await this.page.keyboard.press("Meta+ArrowDown");
+            }
+            else {
+                await this.page.keyboard.press("End");
+                await this.page.keyboard.press("PageDown");
+            }
+            // eslint-disable-next-line playwright/no-wait-for-timeout
+            await this.page.waitForTimeout(100); // Adding some delay for DOM to react
+            await this.page.keyboard.press("Enter");
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -5880,7 +5896,7 @@ function requireSafer () {
 	if (hasRequiredSafer) return safer_1;
 	hasRequiredSafer = 1;
 
-	var buffer = require$$0$5;
+	var buffer = require$$0$6;
 	var Buffer = buffer.Buffer;
 
 	var safer = {};
@@ -27521,7 +27537,7 @@ function requireMimeNode () {
 	const libmime = requireLibmime();
 	const libqp = requireLibqp();
 	const libbase64 = requireLibbase64();
-	const PassThrough = require$$0$6.PassThrough;
+	const PassThrough = require$$0$7.PassThrough;
 	const pathlib = path__default;
 
 	class MimeNode {
@@ -27790,7 +27806,7 @@ function requireMessageSplitter () {
 	if (hasRequiredMessageSplitter) return messageSplitter;
 	hasRequiredMessageSplitter = 1;
 
-	const Transform = require$$0$6.Transform;
+	const Transform = require$$0$7.Transform;
 	const MimeNode = requireMimeNode();
 
 	const MAX_HEAD_SIZE = 1 * 1024 * 1024;
@@ -28220,7 +28236,7 @@ function requireMessageJoiner () {
 	if (hasRequiredMessageJoiner) return messageJoiner;
 	hasRequiredMessageJoiner = 1;
 
-	const Transform = require$$0$6.Transform;
+	const Transform = require$$0$7.Transform;
 
 	class MessageJoiner extends Transform {
 	    constructor() {
@@ -28260,7 +28276,7 @@ function requireFlowedDecoder () {
 
 	// Helper class to rewrite nodes with specific mime type
 
-	const Transform = require$$0$6.Transform;
+	const Transform = require$$0$7.Transform;
 	const libmime = requireLibmime();
 
 	/**
@@ -28323,7 +28339,7 @@ function requireNodeRewriter () {
 
 	// Helper class to rewrite nodes with specific mime type
 
-	const Transform = require$$0$6.Transform;
+	const Transform = require$$0$7.Transform;
 	const FlowedDecoder = requireFlowedDecoder();
 
 	/**
@@ -28525,7 +28541,7 @@ function requireNodeStreamer () {
 
 	// Helper class to rewrite nodes with specific mime type
 
-	const Transform = require$$0$6.Transform;
+	const Transform = require$$0$7.Transform;
 	const FlowedDecoder = requireFlowedDecoder();
 
 	/**
@@ -28652,7 +28668,7 @@ function requireChunkedPassthrough () {
 	if (hasRequiredChunkedPassthrough) return chunkedPassthrough;
 	hasRequiredChunkedPassthrough = 1;
 
-	const { Transform } = require$$0$6;
+	const { Transform } = require$$0$7;
 
 	class ChunkedPassthrough extends Transform {
 	    constructor(options = {}) {
@@ -29548,8 +29564,8 @@ function requireStreamHash () {
 	if (hasRequiredStreamHash) return streamHash;
 	hasRequiredStreamHash = 1;
 
-	const crypto = require$$0$7;
-	const Transform = require$$0$6.Transform;
+	const crypto = require$$0$8;
+	const Transform = require$$0$7.Transform;
 
 	class StreamHash extends Transform {
 	    constructor(attachment, algo) {
@@ -51932,7 +51948,7 @@ function requireMailParser () {
 	const mailsplit = requireMailsplit();
 	const libmime = requireLibmime();
 	const addressparser = requireAddressparser();
-	const Transform = require$$0$6.Transform;
+	const Transform = require$$0$7.Transform;
 	const Splitter = mailsplit.Splitter;
 	const ChunkedPassthrough = mailsplit.ChunkedPassthrough;
 	const punycode = require$$4$2;
@@ -66486,7 +66502,7 @@ function requireChunkstream () {
 	hasRequiredChunkstream = 1;
 
 	let util = require$$0$4;
-	let Stream = require$$0$6;
+	let Stream = require$$0$7;
 
 	let ChunkStream = (chunkstream.exports = function () {
 	  Stream.call(this);
@@ -68455,7 +68471,7 @@ function requirePackerAsync () {
 	hasRequiredPackerAsync = 1;
 
 	let util = require$$0$4;
-	let Stream = require$$0$6;
+	let Stream = require$$0$7;
 	let constants = requireConstants$4();
 	let Packer = requirePacker();
 
@@ -68516,11 +68532,11 @@ function requireSyncInflate () {
 	hasRequiredSyncInflate = 1;
 	(function (module, exports) {
 
-		let assert = require$$0$8.ok;
+		let assert = require$$0$9.ok;
 		let zlib = require$$1$3;
 		let util = require$$0$4;
 
-		let kMaxLength = require$$0$5.kMaxLength;
+		let kMaxLength = require$$0$6.kMaxLength;
 
 		function Inflate(opts) {
 		  if (!(this instanceof Inflate)) {
@@ -68977,7 +68993,7 @@ function requirePng () {
 	hasRequiredPng = 1;
 
 	let util = require$$0$4;
-	let Stream = require$$0$6;
+	let Stream = require$$0$7;
 	let Parser = requireParserAsync();
 	let Packer = requirePackerAsync();
 	let PNGSync = requirePngSync();
@@ -104698,7 +104714,7 @@ var hasRequiredSupportsColor;
 function requireSupportsColor () {
 	if (hasRequiredSupportsColor) return supportsColor_1;
 	hasRequiredSupportsColor = 1;
-	const os = require$$0$9;
+	const os = require$$0$5;
 	const hasFlag = requireHasFlag();
 
 	const env = process.env;
@@ -106169,7 +106185,7 @@ function requirePath () {
 	hasRequiredPath = 1;
 	Object.defineProperty(path, "__esModule", { value: true });
 	path.convertPosixPathToPattern = path.convertWindowsPathToPattern = path.convertPathToPattern = path.escapePosixPath = path.escapeWindowsPath = path.escape = path.removeLeadingDotSegment = path.makeAbsolute = path.unixify = void 0;
-	const os = require$$0$9;
+	const os = require$$0$5;
 	const path$1 = path__default;
 	const IS_WINDOWS_PLATFORM = os.platform() === 'win32';
 	const LEADING_DOT_SEGMENT_CHARACTERS_COUNT = 2; // ./ or .\\
@@ -106436,7 +106452,7 @@ function requireGlobParent () {
 
 	var isGlob = requireIsGlob();
 	var pathPosixDirname = path__default.posix.dirname;
-	var isWin32 = require$$0$9.platform() === 'win32';
+	var isWin32 = require$$0$5.platform() === 'win32';
 
 	var slash = '/';
 	var backslash = /\\/g;
@@ -110829,7 +110845,7 @@ function requireMerge2 () {
 	 * Copyright (c) 2014-2020 Teambition
 	 * Licensed under the MIT license.
 	 */
-	const Stream = require$$0$6;
+	const Stream = require$$0$7;
 	const PassThrough = Stream.PassThrough;
 	const slice = Array.prototype.slice;
 
@@ -112321,7 +112337,7 @@ function requireStream$2 () {
 	if (hasRequiredStream$2) return stream$2;
 	hasRequiredStream$2 = 1;
 	Object.defineProperty(stream$2, "__esModule", { value: true });
-	const stream_1 = require$$0$6;
+	const stream_1 = require$$0$7;
 	const async_1 = requireAsync$3();
 	class StreamProvider {
 	    constructor(_root, _settings) {
@@ -112573,7 +112589,7 @@ function requireStream$1 () {
 	if (hasRequiredStream$1) return stream$1;
 	hasRequiredStream$1 = 1;
 	Object.defineProperty(stream$1, "__esModule", { value: true });
-	const stream_1 = require$$0$6;
+	const stream_1 = require$$0$7;
 	const fsStat = requireOut$3();
 	const fsWalk = requireOut$1();
 	const reader_1 = requireReader();
@@ -113091,7 +113107,7 @@ function requireStream () {
 	if (hasRequiredStream) return stream;
 	hasRequiredStream = 1;
 	Object.defineProperty(stream, "__esModule", { value: true });
-	const stream_1 = require$$0$6;
+	const stream_1 = require$$0$7;
 	const stream_2 = requireStream$1();
 	const provider_1 = requireProvider();
 	class ProviderStream extends provider_1.default {
@@ -113218,7 +113234,7 @@ function requireSettings () {
 		Object.defineProperty(exports, "__esModule", { value: true });
 		exports.DEFAULT_FILE_SYSTEM_ADAPTER = void 0;
 		const fs = require$$0__default;
-		const os = require$$0$9;
+		const os = require$$0$5;
 		/**
 		 * The `os.cpus` method can return zero. We expect the number of cores to be greater than zero.
 		 * https://github.com/nodejs/node/blob/7faeddf23a98c53896f8b574a6e66589e8fb1eb8/lib/os.js#L106-L107
@@ -117168,6 +117184,183 @@ const LIST_MODIFIER_TAGS = {
     orderedList: "ol",
 };
 
+class SlashCommandEditorPage {
+    constructor(page, neetoPlaywrightUtilities, editorWrapper) {
+        this.wordsUsedInEditor = [];
+        this.filePath = "../../../e2e/assets/images/BigBinary.png";
+        this.linkUrl = faker.internet.url();
+        this.imageUrl = "https://picsum.photos/200/300";
+        this.openSlashCommands = async () => {
+            await this.editorWrapper
+                .getByTestId(NEETO_EDITOR_SELECTORS.contentField)
+                .focus();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
+            await this.page.keyboard.press("/");
+            await expect(this.page.locator(".neeto-editor-slash-commands__wrapper") //TODO: use data-testid once https://github.com/neetozone/neeto-editor/issues/1704 resolves
+            ).toBeVisible();
+        };
+        this.slashCommandsOptions = async () => {
+            await this.openSlashCommands();
+            const slashCommandButtonTexts = await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.itemBlockHeading)
+                .allInnerTexts();
+            return slashCommandButtonTexts;
+        };
+        this.verifyFontSize = async (fontSize) => {
+            const randomText = await this.fillRandomText();
+            if (fontSize === "normal") {
+                await expect(this.contentField.getByRole("paragraph").filter({ hasText: randomText })).toBeVisible();
+            }
+            else {
+                await expect(this.contentField.getByRole("heading", {
+                    level: Number(fontSize),
+                    name: randomText,
+                })).toBeVisible();
+                return [{ key: `h${fontSize}`, value: randomText }];
+            }
+        };
+        this.verifyTextModifiers = async (modifier) => {
+            const modifierKey = modifier;
+            const textModifierRole = TEXT_MODIFIER_ROLES[modifierKey];
+            const randomText = await this.fillRandomText();
+            await expect(this.contentField
+                .getByRole(textModifierRole)
+                .filter({ hasText: randomText })).toBeVisible();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
+            modifierKey === "codeBlock" && (await this.page.keyboard.press("Enter"));
+            return [{ key: modifierKey, value: randomText }];
+        };
+        this.verifyTextDeskModifier = async (modifier) => {
+            const modifierKey = modifier;
+            const randomText = await this.fillRandomText();
+            await expect(this.contentField
+                .locator(TEXT_MODIFIER_TAGS[modifierKey])
+                .filter({ hasText: randomText })).toBeVisible();
+            return [{ key: modifierKey, value: randomText }];
+        };
+        this.verifyListModifiers = async (modifier) => {
+            const modifierKey = modifier;
+            const randomText = await this.fillRandomText();
+            await expect(this.contentField
+                .locator(LIST_MODIFIER_TAGS[modifierKey])
+                .filter({ hasText: randomText })).toBeVisible();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
+            return [{ key: modifierKey, value: randomText }];
+        };
+        this.verifyEditorLinkButton = async (linkUrl) => {
+            const randomText = this.getRandomText();
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.addLinkTextField)
+                .fill(randomText);
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.addLinkUrlInput)
+                .fill(linkUrl);
+            await this.page
+                .getByTestId(NEETO_EDITOR_SELECTORS.addLinkDoneButton)
+                .click();
+            await expect(this.contentField.getByRole("link")).toBeVisible();
+            return [{ key: "link", value: randomText }];
+        };
+        this.verifyEmojiSelector = async () => {
+            const emoji = "👍";
+            const emojiContainer = this.page.getByTestId(NEETO_EDITOR_SELECTORS.emojiContainer);
+            await expect(emojiContainer).toBeVisible({
+                timeout: 10000,
+            });
+            await emojiContainer
+                .getByPlaceholder(DESCRIPTION_EDITOR_TEXTS.search)
+                .fill(EMOJI_LABEL);
+            await this.page.keyboard.press("Enter");
+            await expect(this.contentField).toContainText(emoji);
+            return [{ key: "emoji", value: emoji }];
+        };
+        this.verifyImageUploadOption = async (filePath, shouldRemoveImage = false) => {
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.restrictionMessage)).toBeVisible();
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.browseText)
+                .click();
+            const fileUploader = await fileUploaderPromise;
+            const imagePath = path$1.join(__dirname, filePath);
+            await fileUploader.setFiles(imagePath);
+            await expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
+            if (shouldRemoveImage) {
+                await this.imageWrapper
+                    .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                    .click();
+                await this.uploadDeleteButton.click();
+                await expect(this.imageWrapper).toBeHidden({
+                    timeout: 15000,
+                });
+            }
+            return [{ key: "image-upload", value: imagePath }];
+        };
+        this.verifyDividerModifier = () => expect(this.contentField.locator("hr")).toBeVisible();
+        this.slashCommandsAndVerifications = {
+            normalText: () => this.verifyFontSize("normal"),
+            heading1: () => this.verifyFontSize(1),
+            heading2: () => this.verifyFontSize(2),
+            heading3: () => this.verifyFontSize(3),
+            heading4: () => this.verifyFontSize(4),
+            heading5: () => this.verifyFontSize(5),
+            bold: () => this.verifyTextModifiers("bold"),
+            italic: () => this.verifyTextModifiers("italic"),
+            blockQuote: () => this.verifyTextModifiers("blockquote"),
+            codeBlock: () => this.verifyTextModifiers("codeBlock"),
+            underline: () => this.verifyTextDeskModifier("underline"),
+            numberedList: () => this.verifyListModifiers("orderedList"),
+            bulletList: () => this.verifyListModifiers("bulletList"),
+            link: () => this.verifyEditorLinkButton(this.linkUrl),
+            image: () => this.verifyImageUploadOption(this.filePath),
+            emoji: () => this.verifyEmojiSelector(),
+            divider: () => this.verifyDividerModifier(),
+        };
+        this.getRandomText = () => {
+            let randomText;
+            do {
+                randomText = faker.lorem.word(10);
+            } while (this.wordsUsedInEditor.includes(randomText));
+            return randomText;
+        };
+        this.fillRandomText = async () => {
+            const randomText = this.getRandomText();
+            await this.page.keyboard.type(randomText);
+            this.wordsUsedInEditor.push(randomText);
+            const randomTextLocator = this.contentField.getByText(randomText);
+            await randomTextLocator.scrollIntoViewIfNeeded();
+            return randomText;
+        };
+        this.verifySlashCommandEditor = async ({ linkUrl, filePath, imageUrl, } = {}) => {
+            this.linkUrl = linkUrl || this.linkUrl;
+            this.filePath = filePath || this.filePath;
+            this.imageUrl = imageUrl || this.imageUrl;
+            const slashCommandButtonTexts = await this.slashCommandsOptions();
+            const keysAndValues = [];
+            for (const [index, buttonText] of slashCommandButtonTexts.entries()) {
+                await this.openSlashCommands();
+                await this.page
+                    .getByTestId(NEETO_EDITOR_SELECTORS.commandListItem(index))
+                    .click();
+                const keyValuesForButton = await this.slashCommandsAndVerifications[toCamelCase(buttonText)](index);
+                keyValuesForButton && keysAndValues.push(...keyValuesForButton);
+            }
+            return keysAndValues;
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.t = getI18nInstance().t;
+        this.editorWrapper = this.page;
+        if (editorWrapper)
+            this.editorWrapper = editorWrapper;
+        this.editorLinkButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.linkOption);
+        this.imageWrapper = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageWrapper);
+        this.uploadDeleteButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadDeleteButton);
+        this.imageUploadOption = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.imageUploadOption);
+        this.emojiSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.emojiOption);
+        this.contentField = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.contentField);
+    }
+}
+
 class EditorPage {
     constructor(page, neetoPlaywrightUtilities, editorWrapper) {
         this.wordsUsedInEditor = [];
@@ -117181,8 +117374,6 @@ class EditorPage {
         this.cleanString = (selector = "") => (selector === null || selector === void 0 ? void 0 : selector.replace("neeto-editor-fixed-menu-", "").replace("-option", "")) ||
             "";
         this.fixedMenuOptions = async () => {
-            (await this.fixedMenuArrowSelector.isVisible()) &&
-                (await this.fixedMenuArrowSelector.click());
             const fixedMenuButtons = await this.editorWrapper
                 .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
                 .getByRole("button")
@@ -117247,7 +117438,7 @@ class EditorPage {
             await expect(this.contentField
                 .getByRole(textModifierRole)
                 .filter({ hasText: randomText })).toBeVisible();
-            await this.moveCursorAtBottom();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             await this.page.keyboard.press("Enter");
             if (modifierKey !== "codeBlock") {
                 isButtonInMoreMenu && (await this.moreMenuSelector.click());
@@ -117264,7 +117455,7 @@ class EditorPage {
             await expect(this.contentField
                 .locator(TEXT_MODIFIER_TAGS[modifierKey])
                 .filter({ hasText: randomText })).toBeVisible();
-            await this.moveCursorAtBottom();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             isButtonInMoreMenu && (await this.moreMenuSelector.click());
             await textModifierSelector.click();
             return [{ key: modifierKey, value: randomText }];
@@ -117278,7 +117469,7 @@ class EditorPage {
             await expect(this.page.getByTestId(COMMON_SELECTORS.customDropdownContainer())).toBeVisible({ timeout: 5000 });
         }).toPass({ timeout: 30000 });
         this.focusText = (textLocator) => {
-            const platform = require$$0$9.platform();
+            const platform = require$$0$5.platform();
             return expect(async () => {
                 await textLocator.click();
                 platform === "darwin"
@@ -117310,7 +117501,7 @@ class EditorPage {
         this.verifyTextHighlighter = async (isButtonInMoreMenu, highlighterCount = this.highlighterCount) => {
             const highlightedKeyValuePairs = [];
             for (let colorIdx = 1; colorIdx <= highlighterCount; colorIdx++) {
-                await this.moveCursorAtBottom();
+                await this.neetoPlaywrightUtilities.moveCursorAtBottom();
                 const randomText = await this.highlightText(isButtonInMoreMenu, colorIdx);
                 highlightedKeyValuePairs.push({
                     key: `highlight-${colorIdx}`,
@@ -117328,7 +117519,7 @@ class EditorPage {
             await expect(this.contentField
                 .locator(LIST_MODIFIER_TAGS[modifierKey])
                 .filter({ hasText: randomText })).toBeVisible();
-            await this.moveCursorAtBottom();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             isButtonInMoreMenu && (await this.moreMenuSelector.click());
             await listModifierSelector.click();
             return [{ key: modifierKey, value: randomText }];
@@ -117345,7 +117536,7 @@ class EditorPage {
                 .click();
             const linkRole = DESCRIPTION_EDITOR_TEXTS.link;
             await expect(this.contentField.getByRole(linkRole)).toBeVisible();
-            await this.moveCursorAtBottom();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             return [{ key: "link", value: randomText }];
         };
         this.verifyEditorAttachmentsButton = async (filePath, isButtonInMoreMenu, shouldRemoveAttachment = false) => {
@@ -117515,7 +117706,7 @@ class EditorPage {
             await expect(this.contentField.locator(NEETO_EDITOR_SELECTORS.todoList, {
                 hasText: randomText,
             })).toBeVisible();
-            await this.moveCursorAtBottom();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             return [{ key: "todoList", value: randomText }];
         };
         this.verifyDynamicVariables = async (dynamicVariables) => {
@@ -117534,7 +117725,7 @@ class EditorPage {
             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();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             for (const [index, type] of calloutTypes.entries()) {
                 await this.calloutSelector.click();
                 const calloutType = calloutTypeOption.filter({ hasText: type });
@@ -117549,7 +117740,7 @@ class EditorPage {
                 // 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();
+                await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             }
             return [{ key: "callout" }];
         };
@@ -117585,11 +117776,21 @@ class EditorPage {
             }),
             todoList: isButtonInMoreMenu => this.verifyTodoListSelector(isButtonInMoreMenu),
         };
+        this.fillRandomText = async () => {
+            let randomText;
+            do {
+                randomText = faker.lorem.word(10);
+            } while (this.wordsUsedInEditor.includes(randomText));
+            await this.contentField.focus();
+            await this.neetoPlaywrightUtilities.moveCursorAtBottom();
+            await this.page.keyboard.type(randomText);
+            this.wordsUsedInEditor.push(randomText);
+            const randomTextLocator = this.contentField.getByText(randomText);
+            await randomTextLocator.scrollIntoViewIfNeeded();
+            await randomTextLocator.click({ clickCount: 3 });
+            return randomText;
+        };
         this.verifyDescriptionEditor = async ({ dynamicVariables, linkUrl, videoPath, filePath, imageUrl, videoUrl, highlighterCount, 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;
@@ -117597,50 +117798,36 @@ class EditorPage {
             this.videoUrl = videoUrl || this.videoUrl;
             this.highlighterCount = highlighterCount || this.highlighterCount;
             this.cannedResponseSuccessMessage = cannedResponseSuccessMessage;
+            await expect(this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.contentField)).toBeVisible();
+            const isFixedMenuTypeEditor = await this.editorWrapper
+                .getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuWrapper)
+                .isVisible();
+            const keysAndValues = isFixedMenuTypeEditor
+                ? await this.editorWithFixedMenuButtons()
+                : await this.slashCommandEditorPage.verifySlashCommandEditor();
+            dynamicVariables && (await this.verifyDynamicVariables(dynamicVariables));
+            return keysAndValues;
+        };
+        this.editorWithFixedMenuButtons = async () => {
+            const fixedMenuButtons = await this.fixedMenuOptions();
+            let moreMenuButtons = [];
+            (await this.moreMenuSelector.isVisible()) &&
+                (moreMenuButtons = await this.moreMenuOptions());
             const keysAndValues = [];
             for (const button of [...fixedMenuButtons, ...moreMenuButtons]) {
                 const isMoreMenuButton = moreMenuButtons.includes(button);
                 const keyValuesForButton = await this.buttonsAndVerifications[button](isMoreMenuButton);
                 keysAndValues.push(...keyValuesForButton);
             }
-            dynamicVariables && (await this.verifyDynamicVariables(dynamicVariables));
             return keysAndValues;
         };
-        this.moveCursorAtBottom = async () => {
-            const platform = require$$0$9.platform();
-            if (platform === "darwin") {
-                await this.page.keyboard.press("Meta+ArrowRight");
-                await this.page.keyboard.press("Meta+ArrowDown");
-            }
-            else {
-                await this.page.keyboard.press("End");
-                await this.page.keyboard.press("PageDown");
-            }
-            // eslint-disable-next-line playwright/no-wait-for-timeout
-            await this.page.waitForTimeout(100); // Adding some delay for DOM to react
-            await this.page.keyboard.press("Enter");
-        };
-        this.fillRandomText = async () => {
-            let randomText;
-            do {
-                randomText = faker.lorem.word(10);
-            } while (this.wordsUsedInEditor.includes(randomText));
-            await this.contentField.focus();
-            await this.moveCursorAtBottom();
-            await this.page.keyboard.type(randomText);
-            this.wordsUsedInEditor.push(randomText);
-            const randomTextLocator = this.contentField.getByText(randomText);
-            await randomTextLocator.scrollIntoViewIfNeeded();
-            await randomTextLocator.click({ clickCount: 3 });
-            return randomText;
-        };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+        this.slashCommandEditorPage = new SlashCommandEditorPage(page, neetoPlaywrightUtilities, editorWrapper);
         this.t = getI18nInstance().t;
         this.editorWrapper = this.page;
         if (editorWrapper)
             this.editorWrapper = editorWrapper;
-        this.fixedMenuArrowSelector = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.fixedMenuArrow);
         this.editorLinkButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.linkOption);
         this.attachmentPreview = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.attachmentPreview);
         this.editorAttachmentsButton = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.editorAttachmentsButton);
@@ -123607,8 +123794,8 @@ function requireMain$1 () {
 	hasRequiredMain$1 = 1;
 	const fs = require$$0__default;
 	const path = path__default;
-	const os = require$$0$9;
-	const crypto = require$$0$7;
+	const os = require$$0$5;
+	const crypto = require$$0$8;
 	const packageJson = require$$4;
 
 	const version = packageJson.version;