Merge pull request #176 from Progi1984/modPsFacetedsearchBoFilterTemplate

`foClassicCategoryPage` : Added method `isSearchFilterSlider`

Author: Progi1984

src/interfaces/FO/category/index.ts

@@ -41,9 +41,10 @@ export interface FoCategoryPageInterface extends FOBasePagePageInterface {
     isAddedToWishlist(page: Page, idxProduct: number): Promise<boolean>;
     isCategoryPage(page: Page): Promise<boolean>;
     isPagesListVisible(page: Page): Promise<boolean>;
+    isSearchFilterCheckbox(page: Page, facetType: string, facetLabel?: string): Promise<boolean>;
     isSearchFilterDropdown(page: Page, facetType: string, facetLabel?: string): Promise<boolean>;
     isSearchFilterRadio(page: Page, facetType: string, facetLabel?: string): Promise<boolean>;
-    isSearchFiltersCheckbox(page: Page, facetType: string, facetLabel?: string): Promise<boolean>;
+    isSearchFilterSlider(page: Page, facetType: string, facetLabel?: string): Promise<boolean>
     isSortButtonVisible(page: Page): Promise<boolean>;
     isSupplierListDropdown(page: Page): Promise<boolean>;
     quickViewProduct(page: Page, id: number): Promise<void>;

src/versions/develop/pages/FO/classic/category/index.ts

@@ -87,9 +87,9 @@ class CategoryPage extends FOBasePage implements FoCategoryPageInterface {
 
   private readonly searchFiltersDropdown: (facetType: string, facetLabel: string) => string;
 
-  protected closeOneFilter: (row: number) => string;
+  protected searchFiltersSlider: (facetType: string, facetLabel: string) => string;
 
-  protected searchFiltersSlider: string;
+  protected closeOneFilter: (row: number) => string;
 
   private readonly searchFilterPriceValues: string;
 
@@ -171,7 +171,8 @@ class CategoryPage extends FOBasePage implements FoCategoryPageInterface {
       + 'label.facet-label input[type="radio"]';
     this.searchFiltersDropdown = (facetType: string, facetLabel: string) => `${this.searchFilter(facetType, facetLabel)
     } .facet-dropdown`;
-    this.searchFiltersSlider = '.ui-slider-horizontal';
+    this.searchFiltersSlider = (facetType: string, facetLabel: string) => `${this.searchFilter(facetType, facetLabel)
+    }.faceted-slider`;
     this.searchFilterPriceValues = '[id*=facet_label]';
     this.clearAllFiltersLink = '#_desktop_search_filters_clear_all button.js-search-filters-clear-all';
     this.activeSearchFilters = '#js-active-search-filters';
@@ -508,7 +509,7 @@ class CategoryPage extends FOBasePage implements FoCategoryPageInterface {
    * @param facetLabel {string} Facet label
    * @return {Promise<boolean>}
    */
-  async isSearchFiltersCheckbox(page: Page, facetType: string, facetLabel: string = ''): Promise<boolean> {
+  async isSearchFilterCheckbox(page: Page, facetType: string, facetLabel: string = ''): Promise<boolean> {
     return (await this.getNumSearchFiltersCheckbox(page, facetType, facetLabel)) !== 0;
   }
 
@@ -632,7 +633,7 @@ class CategoryPage extends FOBasePage implements FoCategoryPageInterface {
    * @return {Promise<void>}
    */
   async filterByPrice(page: Page, minPrice: number, maxPrice: number, filterFrom: number, filterTo: number): Promise<void> {
-    const sliderTrack = page.locator(this.searchFiltersSlider);
+    const sliderTrack = page.locator(this.searchFiltersSlider('price', ''));
     const sliderOffsetWidth = await sliderTrack.evaluate((el) => el.getBoundingClientRect().width);
     const pxOneEuro = sliderOffsetWidth / (maxPrice - minPrice);
 
@@ -668,6 +669,17 @@ class CategoryPage extends FOBasePage implements FoCategoryPageInterface {
     return (await page.locator(this.searchFiltersDropdown(facetType, facetLabel)).count()) !== 0;
   }
 
+  /**
+   * Return if search filters use slider
+   * @param page {Page} Browser tab
+   * @param facetType {string} Facet type
+   * @param facetLabel {string} Facet label
+   * @return {Promise<boolean>}
+   */
+  async isSearchFilterSlider(page: Page, facetType: string, facetLabel: string = ''): Promise<boolean> {
+    return (await page.locator(this.searchFiltersSlider(facetType, facetLabel)).count()) !== 0;
+  }
+
   /**
    * Add a product (based on its index) to the first wishlist
    * @param page {Page}

src/versions/develop/pages/FO/hummingbird/category/index.ts

@@ -40,7 +40,7 @@ class CategoryPage extends CategoryPageVersion implements FoCategoryPageInterfac
     this.searchFiltersLabel = `${this.searchFilters} label.form-check-label`;
     this.clearAllFiltersLink = `${this.searchFilters} button.js-search-filters-clear-all`;
     this.searchFilterPriceSlider = 'div.faceted-slider';
-    this.searchFiltersSlider = 'div.noUi-base';
+    this.searchFiltersSlider = () => `${this.searchFilters} div.faceted-slider`;
     this.closeOneFilter = (row: number) => `#js-active-search-filters ul li:nth-child(${row + 1}) a i`;
 
     // Pagination selectors