@bigbinary/neeto-playwright-commons 1.22.19 → 1.22.21

package/index.cjs.js

@@ -9,6 +9,7 @@ var ramda = require('ramda');
 var neetoCist = require('@bigbinary/neeto-cist');
 var child_process = require('child_process');
 var faker = require('@faker-js/faker');
+var dayjs = require('dayjs');
 var Stream$4 = require('stream');
 var require$$0$4 = require('node:buffer');
 var require$$0$3 = require('buffer');
@@ -24,7 +25,6 @@ var zlib$5 = require('zlib');
 var require$$0$7 = require('assert');
 var require$$3$1 = require('querystring');
 var require$$4$3 = require('timers');
-var dayjs = require('dayjs');
 var require$$0$9 = require('tty');
 var require$$0$8 = require('os');
 var stealth$1 = require('puppeteer-extra-plugin-stealth');
@@ -3531,6 +3531,32 @@ const EMPTY_STORAGE_STATE = {
     storageState: { cookies: [], origins: [] },
 };
 
+const generateStagingData = (product = "invoice") => {
+    const jobCompletionIndex = process.env.JOB_COMPLETION_INDEX;
+    const dateTimeString = dayjs().format("DDMM-HHmm-ssSSS");
+    const timestamp = jobCompletionIndex
+        ? `${dateTimeString}-${jobCompletionIndex}`
+        : dateTimeString;
+    const firstName = "André";
+    const lastName = "O'Reilly";
+    const otpBypassKey = process.env.OTP_BYPASS_KEY;
+    const stagingOrganization = `cpt-${product}-${timestamp}`;
+    return {
+        firstName,
+        lastName,
+        otp: 111111,
+        domain: `neeto${product}.net`,
+        currentUserName: IS_STAGING_ENV
+            ? joinString(firstName, lastName)
+            : CREDENTIALS.name,
+        businessName: stagingOrganization,
+        subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
+        email: IS_STAGING_ENV
+            ? `cpt${otpBypassKey}+${product}+${timestamp}@bigbinary.com`
+            : CREDENTIALS.email,
+    };
+};
+
 /* eslint-disable playwright/no-skipped-test */
 const execCommand = (command) => child_process.execSync(command)
     .toString("utf-8")
@@ -3638,11 +3664,12 @@ const getListCount = async ({ page, countSelector, }) => {
 };
 const getGlobalUserProps = async (page) => (await page.evaluate(() => window.globalProps.user));
 const getClipboardContent = (page) => page.evaluate(() => navigator.clipboard.readText());
+const grantClipboardPermissions = (context) => context.grantPermissions(["clipboard-read", "clipboard-write"]);
 const getFullUrl = (path) => shouldSkipCustomDomainSetup() ? path : `${process.env.BASE_URL}${path}`;
 const globalShortcuts = (t) => [
     {
         description: t("neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane"),
-        sequence: "shift+/",
+        sequence: "ctrl+/",
     },
     {
         description: t("neetoMolecules.keyboardShortcuts.global.close"),
@@ -3658,6 +3685,11 @@ const globalShortcuts = (t) => [
     },
 ];
 const generatePhoneNumber = () => `${"+91"} 9${faker.faker.string.numeric(4)} ${faker.faker.string.numeric(5)}`;
+const initializeTestData = (product) => {
+    const credentials = generateStagingData(product.toLowerCase());
+    const baseURL = `https://${credentials.subdomainName}.${credentials.domain}`;
+    return { credentials, baseURL };
+};
 
 const optionSelector = (option) => `neeto-editor-fixed-menu-${option}-option`;
 const fixedMenuSelector = (selector) => `neeto-editor-fixed-menu-${selector}`;
@@ -4223,6 +4255,8 @@ const mimeTypeMap = {
     jpeg: "image/jpeg",
     png: "image/png",
     gif: "image/gif",
+    ico: "image/x-icon",
+    svg: "image/svg+xml",
 };
 const fillRandomBytes = (byteArray) => {
     const CHUNK_SIZE = 65536; //Maximum allowed per call by crypto.getRandomValues.
@@ -179803,32 +179837,6 @@ const commands = {
     },
 };
 
-const generateStagingData = (product = "invoice") => {
-    const jobCompletionIndex = process.env.JOB_COMPLETION_INDEX;
-    const dateTimeString = dayjs().format("DDMM-HHmm-ssSSS");
-    const timestamp = jobCompletionIndex
-        ? `${dateTimeString}-${jobCompletionIndex}`
-        : dateTimeString;
-    const firstName = "André";
-    const lastName = "O'Reilly";
-    const otpBypassKey = process.env.OTP_BYPASS_KEY;
-    const stagingOrganization = `cpt-${product}-${timestamp}`;
-    return {
-        firstName,
-        lastName,
-        otp: 111111,
-        domain: `neeto${product}.net`,
-        currentUserName: IS_STAGING_ENV
-            ? joinString(firstName, lastName)
-            : CREDENTIALS.name,
-        businessName: stagingOrganization,
-        subdomainName: IS_STAGING_ENV ? stagingOrganization : "spinkart",
-        email: IS_STAGING_ENV
-            ? `cpt${otpBypassKey}+${product}+${timestamp}@bigbinary.com`
-            : CREDENTIALS.email,
-    };
-};
-
 var src = {exports: {}};
 
 var browser$1 = {exports: {}};
@@ -189158,18 +189166,6 @@ const ORGANIZATION_TEXTS = {
 class HelpAndProfilePage {
     constructor({ page, neetoPlaywrightUtilities, chatApiBaseURL, kbDocsBaseURL, changelogBaseURL, }) {
         this.hoverOnBody = () => this.page.locator("body").hover();
-        /**
-         * @deprecated This method is deprecated. Use openHelpCenter instead.
-         */
-        this.openHelpCenterV2 = async () => {
-            await test$1.expect(async () => {
-                await this.hoverOnBody();
-                const floatingActionMenuButton = this.page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton);
-                await floatingActionMenuButton.scrollIntoViewIfNeeded();
-                await floatingActionMenuButton.hover();
-                await test$1.expect(this.page.getByTestId(HELP_CENTER_SELECTORS.chatButton)).toBeVisible();
-            }).toPass({ timeout: 15000 });
-        };
         this.openHelpCenter = async () => {
             await test$1.expect(async () => {
                 await this.hoverOnBody();
@@ -189225,7 +189221,7 @@ class HelpAndProfilePage {
          * @deprecated This method is deprecated. Use openAndVerifyHelpArticles instead.
          */
         this.openAndVerifyHelpArticlesV2 = async () => {
-            await test$1.test.step("1: Open Help Center links", this.openHelpCenterV2);
+            await test$1.test.step("1: Open Help Center links", this.openHelpCenter);
             await test$1.test.step("2: Open and verify help articles link", async () => {
                 const helpArticlesPromise = this.page.waitForEvent("popup");
                 await this.page
@@ -189310,26 +189306,8 @@ class HelpAndProfilePage {
          * @deprecated This method is deprecated. Use openAndVerifyKeyboardShortcutsPane instead.
          */
         this.openAndVerifyKeyboardShortcutsPaneV2 = async (productShortcuts, osPlatform = "windows") => {
-            const globalShortcuts = [
-                {
-                    description: this.t("neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane"),
-                    sequence: "shift+/",
-                },
-                {
-                    description: this.t("neetoMolecules.keyboardShortcuts.global.close"),
-                    sequence: "esc",
-                },
-                {
-                    description: this.t("neetoMolecules.keyboardShortcuts.global.submitForm"),
-                    sequence: "ctrl+enter",
-                },
-                {
-                    description: this.t("neetoMolecules.keyboardShortcuts.global.openProductSwitcher"),
-                    sequence: "ctrl+e",
-                },
-            ];
-            const shortcuts = [...globalShortcuts, ...productShortcuts];
-            await test$1.test.step("1: Open Help Center", this.openHelpCenterV2);
+            const shortcuts = [...globalShortcuts(this.t), ...productShortcuts];
+            await test$1.test.step("1: Open Help Center", this.openHelpCenter);
             await test$1.test.step("2: Open and close keyboard shortcuts from UI", async () => {
                 await this.page
                     .getByTestId(HELP_CENTER_SELECTORS.keyboardShortcutButton)
@@ -189359,34 +189337,35 @@ class HelpAndProfilePage {
             });
         };
         this.openAndVerifyKeyboardShortcutsPane = async (productShortcuts, osPlatform = "windows") => {
+            const keyboardShortcutsPane = this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane);
+            const keyItem = this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.hotKeyItem);
+            const openKeyboardShortcut = osPlatform === "mac" ? "Meta+/" : "Control+/";
             const shortcuts = [...globalShortcuts(this.t), ...productShortcuts];
+            const formattedSequences = shortcuts.map(shortcut => this.formatKeyboardShortcut(shortcut.sequence, osPlatform));
             await test$1.test.step("1: Open Help Center", this.openHelpCenter);
             await test$1.test.step("2: Open and close keyboard shortcuts from UI", async () => {
                 await this.page
                     .getByTestId(HELP_CENTER_SELECTORS.keyboardShortcutButton)
                     .click();
-                await test$1.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await test$1.expect(keyboardShortcutsPane).not.toHaveCSS("width", "1px");
                 await this.page
                     .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.closePaneButton)
                     .click();
-                await test$1.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).toHaveCSS("width", "1px");
+                await test$1.expect(keyboardShortcutsPane).toHaveCSS("width", "1px");
             });
             await test$1.test.step("3: Open and close keyboard shortcuts through shortcut", async () => {
-                await this.page.keyboard.press("Shift+/");
-                await test$1.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
+                await this.page.keyboard.press(openKeyboardShortcut);
+                await test$1.expect(keyboardShortcutsPane).not.toHaveCSS("width", "1px");
                 await this.page.keyboard.press("Escape");
-                await test$1.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).toHaveCSS("width", "1px");
+                await test$1.expect(keyboardShortcutsPane).toHaveCSS("width", "1px");
             });
             await test$1.test.step("4: Verify all displayed keyboard shortcuts", async () => {
-                await this.page.keyboard.press("Shift+/");
-                await test$1.expect(this.page.getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.keyboardShortcutsPane)).not.toHaveCSS("width", "1px");
-                await test$1.expect(this.page
-                    .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.hotKeyItem)
-                    .locator("p")).toHaveText(shortcuts.map(shortcut => shortcut.description));
-                const formattedSequences = shortcuts.map(shortcut => this.formatKeyboardShortcut(shortcut.sequence, osPlatform));
-                await test$1.expect(this.page
-                    .getByTestId(KEYBOARD_SHORTCUTS_SELECTORS.hotKeyItem)
-                    .locator("div")).toHaveText(formattedSequences);
+                await this.page.keyboard.press(openKeyboardShortcut);
+                await test$1.expect(keyboardShortcutsPane).not.toHaveCSS("width", "1px");
+                await Promise.all([
+                    test$1.expect(keyItem.locator("p")).toHaveText(shortcuts.map(shortcut => shortcut.description)),
+                    test$1.expect(keyItem.locator("div")).toHaveText(formattedSequences),
+                ]);
             });
         };
         /**
@@ -189397,7 +189376,7 @@ class HelpAndProfilePage {
             const searchQueryPartial = productName.slice(0, 4).toLowerCase();
             const searchQueryFull = productName.toLowerCase();
             await test$1.test.step("1: Verify hovering over app switcher opens the app switcher drawer", () => test$1.expect(async () => {
-                await this.openHelpCenterV2();
+                await this.openHelpCenter();
                 await this.page.getByTestId(COMMON_SELECTORS.appSwitcherButton).hover();
                 await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.appSwitcherWrapper)).toBeVisible();
             }).toPass({ timeout: 45000 }));
@@ -189454,7 +189433,7 @@ class HelpAndProfilePage {
         this.verifyLogoutV2 = async () => {
             if (shouldSkipSetupAndTeardown())
                 return;
-            await test$1.test.step("1: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.test.step("1: Open Help center and verify", this.openHelpCenter);
             await test$1.test.step("2: Click logout and verify", async () => {
                 await this.page
                     .getByTestId(PROFILE_SECTION_SELECTORS.logoutButton)
@@ -189515,7 +189494,7 @@ class HelpAndProfilePage {
                     linkTestId: PROFILE_SECTION_SELECTORS.manageBillingAndSubscriptionsButton,
                 });
             });
-            await test$1.test.step("3: Open Help center and verify", this.openHelpCenterV2);
+            await test$1.test.step("3: Open Help center and verify", this.openHelpCenter);
             await test$1.test.step("4: Open My organization link and verify", async () => {
                 await this.page
                     .getByTestId(PROFILE_SECTION_SELECTORS.profileOrganizationSettingsButton)
@@ -192988,12 +192967,15 @@ class TeamMembers {
             await test$1.expect(this.page.locator(COMMON_SELECTORS.tableSpinner)).toBeHidden();
         };
         this.toggleMemberColumns = async ({ columns = [], bulkAction, }) => {
-            await this.page.getByTestId(COMMON_SELECTORS.columnsDropdownButton).click();
+            await test$1.expect(async () => {
+                await this.page
+                    .getByTestId(COMMON_SELECTORS.columnsDropdownButton)
+                    .click();
+                await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.columnsSearchInput)).toBeVisible();
+            }).toPass({ timeout: 15000 });
             if (neetoCist.isPresent(bulkAction)) {
                 await this.page
-                    .getByRole("button", {
-                    name: bulkAction === "hide" ? "Hide All" : "Show All",
-                })
+                    .getByTestId(COMMON_SELECTORS.columnVisibilityBtn(bulkAction === "hide" ? "hide-all" : "reset"))
                     .click();
             }
             else {
@@ -193001,9 +192983,13 @@ class TeamMembers {
                     await this.page
                         .getByTestId(COMMON_SELECTORS.columnsSearchInput)
                         .fill(column);
-                    await this.page
-                        .getByTestId(MEMBER_SELECTORS.checkboxLabel(column))
-                        .click();
+                    const columnCheckbox = this.page
+                        .getByTestId(COMMON_SELECTORS.nuiCheckboxContainer)
+                        .filter({ hasText: column })
+                        .getByTestId(MEMBER_SELECTORS.columnCheckBox);
+                    const isChecked = await columnCheckbox.isChecked();
+                    await columnCheckbox.click();
+                    await test$1.expect(columnCheckbox).toBeChecked({ checked: !isChecked });
                 }
             }
             await this.page.getByTestId(COMMON_SELECTORS.columnsDropdownButton).click();
@@ -193780,6 +193766,32 @@ const networkConditions = {
     },
 };
 
+const FILE_FORMATS = {
+    csv: "csv",
+    avi: "avi",
+    doc: "doc",
+    docx: "docx",
+    flv: "flv",
+    html: "html",
+    mp3: "mp3",
+    mp4: "mp4",
+    mpg: "mpg",
+    pdf: "pdf",
+    rtf: "rtf",
+    txt: "txt",
+    webm: "webm",
+    xls: "xls",
+    xlsx: "xlsx",
+    wma: "wma",
+    zip: "zip",
+    jpg: "jpg",
+    jpeg: "jpeg",
+    png: "png",
+    ico: "ico",
+    svg: "svg",
+    gif: "gif",
+};
+
 const PHONE_NUMBER_FORMATS = [
     { name: "Afghanistan", code: "+93", format: "70#######", flag: "🇦🇫" },
     { name: "Aland", code: "+358", format: "5####", flag: "🇦🇽" },
@@ -198824,6 +198836,7 @@ exports.ENVIRONMENT = ENVIRONMENT;
 exports.EXPANDED_FONT_SIZE = EXPANDED_FONT_SIZE;
 exports.EditorPage = EditorPage;
 exports.EmbedBase = EmbedBase;
+exports.FILE_FORMATS = FILE_FORMATS;
 exports.FONT_SIZE_SELECTORS = FONT_SIZE_SELECTORS;
 exports.GLOBAL_TRANSLATIONS_PATTERN = GLOBAL_TRANSLATIONS_PATTERN;
 exports.GOOGLE_ANALYTICS_SELECTORS = GOOGLE_ANALYTICS_SELECTORS;
@@ -198929,12 +198942,14 @@ exports.getGlobalUserState = getGlobalUserState;
 exports.getImagePathAndName = getImagePathAndName;
 exports.getListCount = getListCount;
 exports.globalShortcuts = globalShortcuts;
+exports.grantClipboardPermissions = grantClipboardPermissions;
 exports.headerUtils = headerUtils;
 exports.hexToRGB = hexToRGB;
 exports.hexToRGBA = hexToRGBA;
 exports.hyphenize = hyphenize;
 exports.i18nFixture = i18nFixture;
 exports.initializeCredentials = initializeCredentials;
+exports.initializeTestData = initializeTestData;
 exports.initializeTotp = initializeTotp;
 exports.isGithubIssueOpen = isGithubIssueOpen;
 exports.joinHyphenCase = joinHyphenCase;