@bigbinary/neeto-playwright-commons 1.26.3 → 1.26.5

package/index.cjs.js

@@ -3,6 +3,7 @@
 var neetoCist = require('@bigbinary/neeto-cist');
 var faker = require('@faker-js/faker');
 var require$$0$4 = require('fs');
+var require$$0$5 = require('os');
 var path$1 = require('path');
 var test = require('@playwright/test');
 var playwrightI18nextFixture = require('playwright-i18next-fixture');
@@ -10,15 +11,14 @@ var require$$0$3 = require('util');
 var ramda = require('ramda');
 var child_process = require('child_process');
 var dayjs = require('dayjs');
-var require$$0$6 = require('stream');
+var require$$0$7 = require('stream');
 var node_module = require('node:module');
-var require$$0$5 = require('buffer');
+var require$$0$6 = require('buffer');
 var require$$1$2 = require('string_decoder');
-var require$$0$7 = require('crypto');
+var require$$0$8 = require('crypto');
 var require$$1$3 = require('zlib');
-var require$$0$8 = require('assert');
+var require$$0$9 = require('assert');
 var require$$0$a = require('tty');
-var require$$0$9 = require('os');
 var stealth$1 = require('puppeteer-extra-plugin-stealth');
 var require$$1$4 = require('events');
 var timezone = require('dayjs/plugin/timezone');
@@ -4996,6 +4996,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"),
@@ -5217,6 +5219,7 @@ const ROLES_SELECTORS = {
     roleCell: (roleName) => `${neetoCist.hyphenate(roleName)}-role-cell`,
     tablePermissionCheckbox: "ntm-roles-table-permission-checkbox",
     descriptionInputError: "description-input-error",
+    permissionSubCategoryCard: (index) => `ntm-roles-permission-sub-category-card-${index}`,
 };
 
 const SIGNUP_SELECTORS = {
@@ -5874,6 +5877,20 @@ class CustomCommands {
             isChecked !== shouldBeChecked && (await locator.click());
             await test.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;
@@ -5900,7 +5917,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 = {};
@@ -27541,7 +27558,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$1;
 
 	class MimeNode {
@@ -27810,7 +27827,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;
@@ -28240,7 +28257,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() {
@@ -28280,7 +28297,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();
 
 	/**
@@ -28343,7 +28360,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();
 
 	/**
@@ -28545,7 +28562,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();
 
 	/**
@@ -28672,7 +28689,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 = {}) {
@@ -29568,8 +29585,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) {
@@ -51952,7 +51969,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;
@@ -66506,7 +66523,7 @@ function requireChunkstream () {
 	hasRequiredChunkstream = 1;
 
 	let util = require$$0$3;
-	let Stream = require$$0$6;
+	let Stream = require$$0$7;
 
 	let ChunkStream = (chunkstream.exports = function () {
 	  Stream.call(this);
@@ -68475,7 +68492,7 @@ function requirePackerAsync () {
 	hasRequiredPackerAsync = 1;
 
 	let util = require$$0$3;
-	let Stream = require$$0$6;
+	let Stream = require$$0$7;
 	let constants = requireConstants$4();
 	let Packer = requirePacker();
 
@@ -68536,11 +68553,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$3;
 
-		let kMaxLength = require$$0$5.kMaxLength;
+		let kMaxLength = require$$0$6.kMaxLength;
 
 		function Inflate(opts) {
 		  if (!(this instanceof Inflate)) {
@@ -68997,7 +69014,7 @@ function requirePng () {
 	hasRequiredPng = 1;
 
 	let util = require$$0$3;
-	let Stream = require$$0$6;
+	let Stream = require$$0$7;
 	let Parser = requireParserAsync();
 	let Packer = requirePackerAsync();
 	let PNGSync = requirePngSync();
@@ -104718,7 +104735,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;
@@ -106189,7 +106206,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$2 = path$1;
 	const IS_WINDOWS_PLATFORM = os.platform() === 'win32';
 	const LEADING_DOT_SEGMENT_CHARACTERS_COUNT = 2; // ./ or .\\
@@ -106456,7 +106473,7 @@ function requireGlobParent () {
 
 	var isGlob = requireIsGlob();
 	var pathPosixDirname = path$1.posix.dirname;
-	var isWin32 = require$$0$9.platform() === 'win32';
+	var isWin32 = require$$0$5.platform() === 'win32';
 
 	var slash = '/';
 	var backslash = /\\/g;
@@ -110849,7 +110866,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;
 
@@ -112341,7 +112358,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) {
@@ -112593,7 +112610,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();
@@ -113111,7 +113128,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 {
@@ -113238,7 +113255,7 @@ function requireSettings () {
 		Object.defineProperty(exports, "__esModule", { value: true });
 		exports.DEFAULT_FILE_SYSTEM_ADAPTER = void 0;
 		const fs = require$$0$4;
-		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
@@ -117188,6 +117205,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.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 test.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 test.expect(this.contentField.getByRole("paragraph").filter({ hasText: randomText })).toBeVisible();
+            }
+            else {
+                await test.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 test.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 test.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 test.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 test.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 test.expect(emojiContainer).toBeVisible({
+                timeout: 10000,
+            });
+            await emojiContainer
+                .getByPlaceholder(DESCRIPTION_EDITOR_TEXTS.search)
+                .fill(EMOJI_LABEL);
+            await this.page.keyboard.press("Enter");
+            await test.expect(this.contentField).toContainText(emoji);
+            return [{ key: "emoji", value: emoji }];
+        };
+        this.verifyImageUploadOption = async (filePath, shouldRemoveImage = false) => {
+            await test.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__namespace.join(__dirname, filePath);
+            await fileUploader.setFiles(imagePath);
+            await test.expect(this.imageWrapper).toBeVisible({ timeout: 15000 });
+            if (shouldRemoveImage) {
+                await this.imageWrapper
+                    .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                    .click();
+                await this.uploadDeleteButton.click();
+                await test.expect(this.imageWrapper).toBeHidden({
+                    timeout: 15000,
+                });
+            }
+            return [{ key: "image-upload", value: imagePath }];
+        };
+        this.verifyDividerModifier = () => test.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.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 = playwrightI18nextFixture.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 = [];
@@ -117201,8 +117395,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")
@@ -117267,7 +117459,7 @@ class EditorPage {
             await test.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());
@@ -117284,7 +117476,7 @@ class EditorPage {
             await test.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 }];
@@ -117298,7 +117490,7 @@ class EditorPage {
             await test.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 test.expect(async () => {
                 await textLocator.click();
                 platform === "darwin"
@@ -117330,7 +117522,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}`,
@@ -117348,7 +117540,7 @@ class EditorPage {
             await test.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 }];
@@ -117365,7 +117557,7 @@ class EditorPage {
                 .click();
             const linkRole = DESCRIPTION_EDITOR_TEXTS.link;
             await test.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) => {
@@ -117535,7 +117727,7 @@ class EditorPage {
             await test.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) => {
@@ -117554,7 +117746,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 });
@@ -117569,7 +117761,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 test.expect(calloutContentField.nth(index)).toContainText(randomText);
-                await this.moveCursorAtBottom();
+                await this.neetoPlaywrightUtilities.moveCursorAtBottom();
             }
             return [{ key: "callout" }];
         };
@@ -117605,11 +117797,21 @@ class EditorPage {
             }),
             todoList: isButtonInMoreMenu => this.verifyTodoListSelector(isButtonInMoreMenu),
         };
+        this.fillRandomText = async () => {
+            let randomText;
+            do {
+                randomText = faker.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;
@@ -117617,50 +117819,36 @@ class EditorPage {
             this.videoUrl = videoUrl || this.videoUrl;
             this.highlighterCount = highlighterCount || this.highlighterCount;
             this.cannedResponseSuccessMessage = cannedResponseSuccessMessage;
+            await test.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.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 = playwrightI18nextFixture.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);
@@ -118689,12 +118877,12 @@ class RolesPage {
             const [{ roleId }, { roleId: secondaryRoleId }] = await Promise.all([roleName, secondaryRoleName].map(this.getRoleIdAndOrganizationId));
             return this.roleApis.deleteRole(roleId, secondaryRoleId);
         };
-        this.addRoleViaUI = async ({ roleName, permissions }) => {
+        this.addRoleViaUI = async ({ roleName, permissions, parentPermission = "", hierarchyLevelOfPermissions = 2, }) => {
             await this.page.getByTestId(ROLES_SELECTORS.newButton).click();
             await this.page.getByTestId(ROLES_SELECTORS.nameTextField).fill(roleName);
-            await this.selectAndSubmitPermissions(permissions);
+            await this.selectAndSubmitPermissions(permissions, parentPermission, hierarchyLevelOfPermissions);
         };
-        this.editRoleViaUI = async ({ roleName, permissions }) => {
+        this.editRoleViaUI = async ({ roleName, permissions, parentPermission = "", hierarchyLevelOfPermissions = 2, }) => {
             await this.page
                 .getByTestId(ROLES_SELECTORS.tableHeaderRoleName)
                 .filter({ hasText: roleName })
@@ -118702,11 +118890,20 @@ class RolesPage {
                 .click();
             await this.page.getByTestId(ROLES_SELECTORS.editRoleButton).click();
             await test.expect(this.page.getByTestId(ROLES_SELECTORS.updateRolePaneHeading)).toBeVisible();
-            await this.selectAndSubmitPermissions(permissions);
+            await this.selectAndSubmitPermissions(permissions, parentPermission, hierarchyLevelOfPermissions);
         };
-        this.selectAndSubmitPermissions = async (permissions) => {
+        this.selectAndSubmitPermissions = async (permissions, parentPermission = "", hierarchyLevelOfPermissions = 2) => {
+            const parentPermissionSelector = parentPermission
+                ? this.page
+                    .getByTestId(ROLES_SELECTORS.permissionSubCategoryCard(hierarchyLevelOfPermissions - 1))
+                    .filter({ hasText: parentPermission })
+                : this.page;
+            parentPermission &&
+                (await parentPermissionSelector
+                    .getByTestId(COMMON_SELECTORS.customCheckboxLabel(parentPermission))
+                    .click({ force: true }));
             for (const permission of permissions) {
-                await this.page
+                await parentPermissionSelector
                     .getByTestId(COMMON_SELECTORS.customCheckboxLabel(permission))
                     .click({ force: true }); // Used force: true because disabling the parent permission disables the child permissions means the checkboxes label become disable
             }
@@ -123618,8 +123815,8 @@ function requireMain$1 () {
 	hasRequiredMain$1 = 1;
 	const fs = require$$0$4;
 	const path = path$1;
-	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;