@bigbinary/neeto-playwright-commons 2.0.1 → 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();