feat(renderless-filter): allowing to use data-test

empathyco · Jul 25, 2024 · 061a59f · 061a59f
1 parent 0265afd
commit 061a59f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/x-components/src/views/home/aside.vue b/packages/x-components/src/views/home/aside.vue
@@ -67,7 +67,7 @@
                   </span>
                 </SelectedFilters>
                 <FiltersList v-slot="{ filter }">
-                  <SimpleFilter #label :filter="filter">
+                  <SimpleFilter #label :filter="filter" :data-test="`${facet.label}-filter`">
                     <BasePriceFilterLabel
                       v-if="facet.id === 'price'"
                       :filter="filter"
@@ -107,7 +107,11 @@
                       filter
                     }"
                   >
-                    <SimpleFilter #label="{ filter }" :filter="filter">
+                    <SimpleFilter
+                      #label="{ filter }"
+                      :filter="filter"
+                      :data-test="`${facet.label}-filter`"
+                    >
                       {{ filter.label }}
                       <span :data-test="`${facet.label}-filter-total-results`">
                         {{ filter.totalResults }}

diff --git a/packages/x-components/src/x-modules/facets/components/filters/renderless-filter.vue b/packages/x-components/src/x-modules/facets/components/filters/renderless-filter.vue
@@ -20,6 +20,7 @@
   export default defineComponent({
     name: 'RenderlessFilter',
     xModule: facetsXModule.name,
+    inheritAttrs: false,
     props: {
       /** The filter data to render. */
       filter: {