@bigbinary/neeto-playwright-commons 2.0.0 → 2.0.2

package/index.cjs.js

@@ -4894,6 +4894,7 @@ const COMMON_SELECTORS = {
     profileSidebar: "profile-section",
     selectOption: (label) => `${neetoCist.hyphenate(label)}-select-option`,
     radioLabel: (embedLabel) => `${neetoCist.hyphenate(embedLabel)}-radio-label`,
+    neetoUiToastr: ".neeto-ui-toastr",
     toastMessage: (type) => `toastr-${type}-container`,
     toastCloseButton: "toastr-close-button",
     windowAlert: "#alert-box",
@@ -5942,11 +5943,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 = ramda.isEmpty(message)
-            ? customPageContext.locator(COMMON_SELECTORS.toastIcon)
-            : customPageContext.getByTestId(COMMON_SELECTORS.toastMessage(toastType));
-        await test.expect(toastrLocator).toContainText(ramda.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 = (ramda.isEmpty(message)
+            ? toastrLocator
+            : toastrLocator.filter({ hasText: message }))
+            // eslint-disable-next-line playwright/no-nth-methods
+            .first();
+        await test.expect(filteredToastrLocator).toContainText(ramda.isEmpty(message) ? "👍" : message, { timeout });
+        const toastrCloseButton = filteredToastrLocator.getByTestId(COMMON_SELECTORS.toastCloseButton);
         if (!closeAfterVerification && (await toastrCloseButton.isHidden()))
             return;
         const buttonHandle = await toastrCloseButton.elementHandle();
@@ -57655,6 +57664,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 test.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 test.expect(submitButton).toBeHidden({ timeout: 20_000 });
+    await test.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 = ramda.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.faker.number.int()}@bigbinary.com`;
+
 class RailsEmailUtils {
     neetoPlaywrightUtilities;
     railsEmailRakeClient;
@@ -57970,7 +58009,9 @@ class MailerUtils {
         const { html: { codes }, } = await this.findMessage({ to: email, subject: subjectSubstring }, { timeout, receivedAfter, expectedEmailCount });
         return codes?.[0];
     };
-    generateRandomEmail = () => faker.faker.internet.email({ provider: process.env.FASTMAIL_DOMAIN_NAME });
+    generateRandomEmail = (shouldUseBypassEmail = false) => shouldUseBypassEmail
+        ? generateRandomBypassEmail()
+        : faker.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);
@@ -117984,6 +118025,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)
@@ -118049,7 +118092,6 @@ class EditorPage {
         isButtonInMoreMenu && (await this.moreMenuSelector.click());
         await this.editorWrapper
             .getByTestId(NEETO_TEXT_MODIFIER_SELECTORS["highlight"])
-            .locator("svg")
             .click();
         await test.expect(this.page.getByTestId(COMMON_SELECTORS.customDropdownContainer())).toBeVisible({ timeout: 5_000 });
     }).toPass({ timeout: 30_000 });
@@ -118807,36 +118849,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 test.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 test.expect(submitButton).toBeHidden({ timeout: 20_000 });
-    await test.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 = ramda.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.faker.number.int()}@bigbinary.com`;
-
 const extractSubdomainFromError = (errorString) => {
     const regex = /cpt[a-zA-Z0-9-]+/g;
     const matches = errorString.match(regex);