@bigbinary/neeto-playwright-commons 2.0.0 → 2.0.2

package/index.d.ts

@@ -1594,10 +1594,14 @@ declare class MailerUtils {
    *
    * Generates a random Fastmail email based on the value of the FASTMAIL_DOMAIN_NAME environment variable.
    *
-   * Returns a random mixed-cased email ending with the FASTMAIL_DOMAIN_NAME.
+   * shouldUseBypassEmail (optional): A boolean value indicating whether to generate a bypass email. Defaults to false.
+   *
+   * Returns a random mixed-cased email ending with the FASTMAIL_DOMAIN_NAME. If shouldUseBypassEmail is true, it returns a random email to bypass OTP verification and log into
+   *
+   * neeto products.
    *
   */
-  generateRandomEmail: () => string;
+  generateRandomEmail: (shouldUseBypassEmail?: boolean) => string;
   /**
    *
    * This method is used to return the attachment based on the attachmentName of first email matching the search criteria. On top of the findMessage method, this method matches the attachment name with the attachments associated to the email. If any attachment matches then it will fetch the attachment details and return. If any attachment file name doesn't contain the substring attachmentName then it will throw an error saying No such attachment exists.
@@ -6093,6 +6097,7 @@ declare const COMMON_SELECTORS: {
   profileSidebar: string;
   selectOption: (label: string) => string;
   radioLabel: (embedLabel: string) => string;
+  neetoUiToastr: string;
   toastMessage: (type: string) => string;
   toastCloseButton: string;
   windowAlert: string;

package/index.js

@@ -9,7 +9,7 @@ import path__default from 'path';
 import test, { expect, test as test$1, chromium as chromium$1, defineConfig, devices } from '@playwright/test';
 import { getI18nInstance, initI18n } from 'playwright-i18next-fixture';
 import require$$0$4 from 'util';
-import { curry, isNotNil, not, isEmpty, pluck, mergeDeepLeft, isNil, mergeAll } from 'ramda';
+import { curry, isNotNil, not, isEmpty, pluck, mergeAll, mergeDeepLeft, isNil } from 'ramda';
 import dayjs from 'dayjs';
 import require$$0$8 from 'stream';
 import require$$0$7 from 'node:buffer';
@@ -4874,6 +4874,7 @@ const COMMON_SELECTORS = {
     profileSidebar: "profile-section",
     selectOption: (label) => `${hyphenate(label)}-select-option`,
     radioLabel: (embedLabel) => `${hyphenate(embedLabel)}-radio-label`,
+    neetoUiToastr: ".neeto-ui-toastr",
     toastMessage: (type) => `toastr-${type}-container`,
     toastCloseButton: "toastr-close-button",
     windowAlert: "#alert-box",
@@ -5922,11 +5923,19 @@ class CustomCommands {
         return await this.recursiveMethod(callback, condition, timeout, startTime, 1);
     };
     verifyToast = async ({ message = "", toastType = "success", closeAfterVerification = true, timeout = 10_000, customPageContext = this.page, } = {}) => {
-        const toastrCloseButton = customPageContext.getByTestId(COMMON_SELECTORS.toastCloseButton);
-        const toastrLocator = isEmpty(message)
-            ? customPageContext.locator(COMMON_SELECTORS.toastIcon)
-            : customPageContext.getByTestId(COMMON_SELECTORS.toastMessage(toastType));
-        await expect(toastrLocator).toContainText(isEmpty(message) ? "👍" : message, { timeout });
+        // React-toastify does not support adding data-* attributes to toast DOM elements: https://github.com/fkhadra/react-toastify/issues/1106
+        const toastrLocator = customPageContext
+            .locator(COMMON_SELECTORS.neetoUiToastr)
+            .filter({
+            has: customPageContext.getByTestId(COMMON_SELECTORS.toastMessage(toastType)),
+        });
+        const filteredToastrLocator = (isEmpty(message)
+            ? toastrLocator
+            : toastrLocator.filter({ hasText: message }))
+            // eslint-disable-next-line playwright/no-nth-methods
+            .first();
+        await expect(filteredToastrLocator).toContainText(isEmpty(message) ? "👍" : message, { timeout });
+        const toastrCloseButton = filteredToastrLocator.getByTestId(COMMON_SELECTORS.toastCloseButton);
         if (!closeAfterVerification && (await toastrCloseButton.isHidden()))
             return;
         const buttonHandle = await toastrCloseButton.elementHandle();
@@ -57635,6 +57644,36 @@ const hexToRGB = (hex) => {
     return `rgb(${Number(r)}, ${Number(g)}, ${Number(b)})`;
 };
 
+const fillCredentialsAndSubmit = async ({ page, loginPath, email = CREDENTIALS.email, }) => {
+    loginPath && (await page.goto(loginPath, { timeout: 30_000 }));
+    await page.waitForLoadState("load", { timeout: 35_000 });
+    await expect(page.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({
+        timeout: 30_000,
+    });
+    const emailInput = page.getByTestId(LOGIN_SELECTORS.emailTextField);
+    await emailInput.waitFor({ state: "visible", timeout: 30_000 });
+    await emailInput.fill(email);
+    await page
+        .getByTestId(LOGIN_SELECTORS.passwordTextField)
+        .fill(CREDENTIALS.password);
+    const submitButton = page.getByTestId(LOGIN_SELECTORS.submitButton);
+    await submitButton.click();
+    await expect(submitButton).toBeHidden({ timeout: 20_000 });
+    await expect(page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton)).toBeVisible({ timeout: 60_000 });
+};
+const loginWithoutSSO = async ({ page, loginPath = "/", email = CREDENTIALS.email, }) => {
+    if (shouldSkipSetupAndTeardown())
+        return;
+    await fillCredentialsAndSubmit({ page, loginPath, email });
+    const userCredentials = readFileSyncIfExists();
+    await page.context().storageState({ path: STORAGE_STATE });
+    const mergedCredentials = mergeAll([readFileSyncIfExists(), userCredentials]);
+    writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
+    updateCredentials({ key: "isLoggedIn", value: "true" });
+};
+const login = async ({ page, loginPath, email }) => IS_DEV_ENV && (await loginWithoutSSO({ page, loginPath, email }));
+const generateRandomBypassEmail = () => `cpt${process.env.OTP_BYPASS_KEY}+${faker.number.int()}@bigbinary.com`;
+
 class RailsEmailUtils {
     neetoPlaywrightUtilities;
     railsEmailRakeClient;
@@ -57950,7 +57989,9 @@ class MailerUtils {
         const { html: { codes }, } = await this.findMessage({ to: email, subject: subjectSubstring }, { timeout, receivedAfter, expectedEmailCount });
         return codes?.[0];
     };
-    generateRandomEmail = () => faker.internet.email({ provider: process.env.FASTMAIL_DOMAIN_NAME });
+    generateRandomEmail = (shouldUseBypassEmail = false) => shouldUseBypassEmail
+        ? generateRandomBypassEmail()
+        : faker.internet.email({ provider: process.env.FASTMAIL_DOMAIN_NAME });
     getEmailAttachment = async (attachmentName, messageSearchCriteria = {}, { timeout = 10_000, receivedAfter = dateTimeOneHourAgo(), expectedEmailCount = 1, } = {}, shouldThrowErrorOnTimeout = true) => {
         if (IS_DEV_ENV) {
             return this.railsEmailUtils.getEmailAttachment(attachmentName, messageSearchCriteria, { receivedAfter, expectedEmailCount, timeout: timeout / 3 }, shouldThrowErrorOnTimeout);
@@ -117964,6 +118005,8 @@ class EditorPage {
     verifyFontSize = async () => {
         const fontsAndTexts = [];
         const fontSizeDropdownButton = this.page.getByTestId(NEETO_EDITOR_SELECTORS.neetoEditorFixedMenuFontSize);
+        await this.contentField.focus();
+        await this.contentField.press("Enter");
         await fontSizeDropdownButton.click();
         const headingButtons = await this.page
             .getByTestId(COMMON_SELECTORS.dropdownContainer)
@@ -118029,7 +118072,6 @@ class EditorPage {
         isButtonInMoreMenu && (await this.moreMenuSelector.click());
         await this.editorWrapper
             .getByTestId(NEETO_TEXT_MODIFIER_SELECTORS["highlight"])
-            .locator("svg")
             .click();
         await expect(this.page.getByTestId(COMMON_SELECTORS.customDropdownContainer())).toBeVisible({ timeout: 5_000 });
     }).toPass({ timeout: 30_000 });
@@ -118787,36 +118829,6 @@ class TeamMembers {
     };
 }
 
-const fillCredentialsAndSubmit = async ({ page, loginPath, email = CREDENTIALS.email, }) => {
-    loginPath && (await page.goto(loginPath, { timeout: 30_000 }));
-    await page.waitForLoadState("load", { timeout: 35_000 });
-    await expect(page.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({
-        timeout: 30_000,
-    });
-    const emailInput = page.getByTestId(LOGIN_SELECTORS.emailTextField);
-    await emailInput.waitFor({ state: "visible", timeout: 30_000 });
-    await emailInput.fill(email);
-    await page
-        .getByTestId(LOGIN_SELECTORS.passwordTextField)
-        .fill(CREDENTIALS.password);
-    const submitButton = page.getByTestId(LOGIN_SELECTORS.submitButton);
-    await submitButton.click();
-    await expect(submitButton).toBeHidden({ timeout: 20_000 });
-    await expect(page.getByTestId(COMMON_SELECTORS.floatingActionMenuButton)).toBeVisible({ timeout: 60_000 });
-};
-const loginWithoutSSO = async ({ page, loginPath = "/", email = CREDENTIALS.email, }) => {
-    if (shouldSkipSetupAndTeardown())
-        return;
-    await fillCredentialsAndSubmit({ page, loginPath, email });
-    const userCredentials = readFileSyncIfExists();
-    await page.context().storageState({ path: STORAGE_STATE });
-    const mergedCredentials = mergeAll([readFileSyncIfExists(), userCredentials]);
-    writeDataToFile(JSON.stringify(mergedCredentials, null, 2));
-    updateCredentials({ key: "isLoggedIn", value: "true" });
-};
-const login = async ({ page, loginPath, email }) => IS_DEV_ENV && (await loginWithoutSSO({ page, loginPath, email }));
-const generateRandomBypassEmail = () => `cpt${process.env.OTP_BYPASS_KEY}+${faker.number.int()}@bigbinary.com`;
-
 const extractSubdomainFromError = (errorString) => {
     const regex = /cpt[a-zA-Z0-9-]+/g;
     const matches = errorString.match(regex);