@bigbinary/neeto-playwright-commons 1.9.0 → 1.9.1

package/index.d.ts

@@ -62,6 +62,12 @@ interface SelectOptionFromDropdownParams {
     retryTimeout: number;
   }>;
 }
+interface SearchAndVerifyProps {
+  searchTerm: string;
+  countSelector: string;
+  searchInputSelector?: string;
+  countText: string;
+}
 declare class CustomCommands {
   page: Page;
   responses: string[];
@@ -197,6 +203,26 @@ declare class CustomCommands {
    * @endexample
   */
   verifyFieldValue: VerifyFieldValue;
+  /**
+   *
+   * Command to search for a term and verify the results and its count.
+   *
+   * @example 
+   *
+   * await neetoPlaywrightUtilities.searchAndVerify({
+   *   searchTerm: "searchTerm",
+   *   searchInputSelector: COMMON_SELECTORS.inputField,
+   *   countSelector: COMMON_SELECTORS.count,
+   *   countText: "43 items",
+   * });
+   * @endexample
+  */
+  searchAndVerify: ({
+    searchTerm,
+    searchInputSelector,
+    countSelector,
+    countText
+  }: SearchAndVerifyProps) => Promise<void>;
 }
 interface EmailContentParams {
   email: string;
@@ -882,6 +908,7 @@ declare const NEETO_FILTERS_SELECTORS: {
   allMenubarBlock: string;
   filtersEmailFilter: string;
   paneModalCrossIcon: string;
+  searchTermBlock: string;
 };
 declare const HELP_CENTER_SELECTORS: {
   helpButton: string;

package/index.js

@@ -26,6 +26,25 @@ import require$$1$2 from 'string_decoder';
 import require$$4$1 from 'timers';
 import require$$3$2 from 'crypto';
 
+const NEETO_FILTERS_SELECTORS = {
+    emailSelectContainer: "email-select-container-wrapper",
+    filterPaneHeading: "neeto-filters-pane-header",
+    neetoFiltersEmailBlock: "neeto-filters-email-block",
+    neetoFiltersRoleBlock: "neeto-filters-role-block",
+    neetoFiltersBarClearButton: "neeto-filters-bar-clear-btn",
+    neetoFiltersNameFilterField: "neeto-filters-name-filter",
+    neetoFilterNameBlock: "neeto-filters-name-block",
+    roleSelectContainer: "role-select-container-wrapper",
+    filterButton: "neeto-filters-toggle-btn",
+    filtersClearButton: "neeto-filters-clear-btn",
+    filterDoneButton: "neeto-filters-done-btn",
+    filteredMembersCount: "ntm-filtered-members-count",
+    allMenubarBlock: "ntm-members-menubar-all-block",
+    filtersEmailFilter: "neeto-filters-email-filter",
+    paneModalCrossIcon: "neeto-filters-close-button",
+    searchTermBlock: "neeto-filters-search-term-block",
+};
+
 const ENVIRONMENT = {
     development: "development",
     staging: "staging",
@@ -2586,6 +2605,16 @@ class CustomCommands {
                 ? Promise.all(values.map(value => verifyEachFieldValue(value)))
                 : verifyEachFieldValue(values);
         };
+        this.searchAndVerify = async ({ searchTerm, searchInputSelector = COMMON_SELECTORS.inputField, countSelector, countText, }) => {
+            await expect(async () => {
+                await this.page.getByTestId(searchInputSelector).fill(searchTerm);
+                await expect(this.page.getByTestId(NEETO_FILTERS_SELECTORS.searchTermBlock)).toBeVisible();
+                await this.page.reload({ waitUntil: "load" });
+                await expect(this.page.getByTestId(COMMON_SELECTORS.pageLoader)).toBeHidden({ timeout: 10000 });
+                await expect(this.page.getByRole("cell", { name: searchTerm })).toBeVisible();
+                await expect(this.page.getByTestId(countSelector)).toContainText(countText);
+            }).toPass({ timeout: 15000 });
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -13776,24 +13805,6 @@ const NEETO_EDITOR_SELECTORS = {
     submitLinkButton: "neeto-editor-add-link",
 };
 
-const NEETO_FILTERS_SELECTORS = {
-    emailSelectContainer: "email-select-container-wrapper",
-    filterPaneHeading: "neeto-filters-pane-header",
-    neetoFiltersEmailBlock: "neeto-filters-email-block",
-    neetoFiltersRoleBlock: "neeto-filters-role-block",
-    neetoFiltersBarClearButton: "neeto-filters-bar-clear-btn",
-    neetoFiltersNameFilterField: "neeto-filters-name-filter",
-    neetoFilterNameBlock: "neeto-filters-name-block",
-    roleSelectContainer: "role-select-container-wrapper",
-    filterButton: "neeto-filters-toggle-btn",
-    filtersClearButton: "neeto-filters-clear-btn",
-    filterDoneButton: "neeto-filters-done-btn",
-    filteredMembersCount: "ntm-filtered-members-count",
-    allMenubarBlock: "ntm-members-menubar-all-block",
-    filtersEmailFilter: "neeto-filters-email-filter",
-    paneModalCrossIcon: "neeto-filters-close-button",
-};
-
 const MEMBER_SELECTORS = {
     membersTab: "members-nav-tab",
     newButton: "ntm-add-member-button",