feat(currentRefinements): support multiple indices (#4012)

algolia · Oct 23, 2019 · e997728 · e997728
1 parent b4b5454
commit e997728
Show file tree

Hide file tree

Showing 13 changed files with 392 additions and 133 deletions.
diff --git a/src/components/CurrentRefinements/CurrentRefinements.tsx b/src/components/CurrentRefinements/CurrentRefinements.tsx
@@ -37,7 +37,10 @@ const CurrentRefinements = ({ items, cssClasses }: CurrentRefinementsProps) => (
   <div className={cssClasses.root}>
     <ul className={cssClasses.list}>
       {items.map((item, index) => (
-        <li key={`${item.attribute}-${index}`} className={cssClasses.item}>
+        <li
+          key={`${item.indexName}-${item.attribute}-${index}`}
+          className={cssClasses.item}
+        >
           <span className={cssClasses.label}>{capitalize(item.label)}:</span>
 
           {item.refinements.map(refinement => (

diff --git a/src/components/CurrentRefinements/__tests__/CurrentRefinements-test.tsx b/src/components/CurrentRefinements/__tests__/CurrentRefinements-test.tsx
@@ -19,6 +19,7 @@ describe('CurrentRefinements', () => {
       cssClasses,
       items: [
         {
+          indexName: 'indexName',
           attribute: 'facet',
           label: 'facet',
           refine: () => {},
@@ -38,6 +39,7 @@ describe('CurrentRefinements', () => {
           ],
         },
         {
+          indexName: 'indexName',
           attribute: 'facetExclude',
           label: 'facetExclude',
           refine: () => {},
@@ -52,6 +54,7 @@ describe('CurrentRefinements', () => {
           ],
         },
         {
+          indexName: 'indexName',
           attribute: 'disjunctive',
           label: 'disjunctive',
           refine: () => {},
@@ -65,6 +68,7 @@ describe('CurrentRefinements', () => {
           ],
         },
         {
+          indexName: 'indexName',
           attribute: 'hierarchical',
           label: 'hierarchical',
           refine: () => {},
@@ -78,6 +82,7 @@ describe('CurrentRefinements', () => {
           ],
         },
         {
+          indexName: 'indexName',
           attribute: 'numeric',
           label: 'numeric',
           refine: () => {},
@@ -92,6 +97,7 @@ describe('CurrentRefinements', () => {
           ],
         },
         {
+          indexName: 'indexName',
           attribute: 'tag',
           label: 'tag',
           refine: () => {},
@@ -118,6 +124,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: 'customFacet',
             label: 'customFacet',
             refine: () => {},
@@ -143,6 +150,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: 'customExcludeFacet',
             label: 'customExcludeFacet',
             refine: () => {},
@@ -169,6 +177,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: 'customDisjunctiveFacet',
             label: 'customDisjunctiveFacet',
             refine: () => {},
@@ -194,6 +203,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: 'customHierarchicalFacet',
             label: 'customHierarchicalFacet',
             refine: () => {},
@@ -219,6 +229,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: 'customNumericFilter',
             label: 'customNumericFilter',
             refine: () => {},
@@ -233,6 +244,7 @@ describe('CurrentRefinements', () => {
             ],
           },
           {
+            indexName: 'indexName',
             attribute: 'customNumericFilter',
             label: 'customNumericFilter',
             refine: () => {},
@@ -247,6 +259,7 @@ describe('CurrentRefinements', () => {
             ],
           },
           {
+            indexName: 'indexName',
             attribute: 'customNumericFilter',
             label: 'customNumericFilter',
             refine: () => {},
@@ -273,6 +286,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: '_tags',
             label: '_tags',
             refine: () => {},
@@ -298,6 +312,7 @@ describe('CurrentRefinements', () => {
         cssClasses,
         items: [
           {
+            indexName: 'indexName',
             attribute: 'query',
             label: 'query',
             refine: () => {},

diff --git a/src/components/CurrentRefinements/__tests__/__snapshots__/CurrentRefinements-test.tsx.snap b/src/components/CurrentRefinements/__tests__/__snapshots__/CurrentRefinements-test.tsx.snap
@@ -9,7 +9,7 @@ exports[`CurrentRefinements options.refinements can be used with a disjunctive f
   >
     <li
       className="item"
-      key="customDisjunctiveFacet-0"
+      key="indexName-customDisjunctiveFacet-0"
     >
       <span
         className="label"
@@ -47,7 +47,7 @@ exports[`CurrentRefinements options.refinements can be used with a facet 1`] = `
   >
     <li
       className="item"
-      key="customFacet-0"
+      key="indexName-customFacet-0"
     >
       <span
         className="label"
@@ -85,7 +85,7 @@ exports[`CurrentRefinements options.refinements can be used with a hierarchical
   >
     <li
       className="item"
-      key="customHierarchicalFacet-0"
+      key="indexName-customHierarchicalFacet-0"
     >
       <span
         className="label"
@@ -123,7 +123,7 @@ exports[`CurrentRefinements options.refinements can be used with a query 1`] = `
   >
     <li
       className="item"
-      key="query-0"
+      key="indexName-query-0"
     >
       <span
         className="label"
@@ -163,7 +163,7 @@ exports[`CurrentRefinements options.refinements can be used with a tag 1`] = `
   >
     <li
       className="item"
-      key="_tags-0"
+      key="indexName-_tags-0"
     >
       <span
         className="label"
@@ -201,7 +201,7 @@ exports[`CurrentRefinements options.refinements can be used with an exclude 1`]
   >
     <li
       className="item"
-      key="customExcludeFacet-0"
+      key="indexName-customExcludeFacet-0"
     >
       <span
         className="label"
@@ -239,7 +239,7 @@ exports[`CurrentRefinements options.refinements can be used with numeric filters
   >
     <li
       className="item"
-      key="customNumericFilter-0"
+      key="indexName-customNumericFilter-0"
     >
       <span
         className="label"
@@ -266,7 +266,7 @@ exports[`CurrentRefinements options.refinements can be used with numeric filters
     </li>
     <li
       className="item"
-      key="customNumericFilter-1"
+      key="indexName-customNumericFilter-1"
     >
       <span
         className="label"
@@ -293,7 +293,7 @@ exports[`CurrentRefinements options.refinements can be used with numeric filters
     </li>
     <li
       className="item"
-      key="customNumericFilter-2"
+      key="indexName-customNumericFilter-2"
     >
       <span
         className="label"
@@ -331,7 +331,7 @@ exports[`CurrentRefinements renders 1`] = `
   >
     <li
       className="item"
-      key="facet-0"
+      key="indexName-facet-0"
     >
       <span
         className="label"
@@ -374,7 +374,7 @@ exports[`CurrentRefinements renders 1`] = `
     </li>
     <li
       className="item"
-      key="facetExclude-1"
+      key="indexName-facetExclude-1"
     >
       <span
         className="label"
@@ -401,7 +401,7 @@ exports[`CurrentRefinements renders 1`] = `
     </li>
     <li
       className="item"
-      key="disjunctive-2"
+      key="indexName-disjunctive-2"
     >
       <span
         className="label"
@@ -428,7 +428,7 @@ exports[`CurrentRefinements renders 1`] = `
     </li>
     <li
       className="item"
-      key="hierarchical-3"
+      key="indexName-hierarchical-3"
     >
       <span
         className="label"
@@ -455,7 +455,7 @@ exports[`CurrentRefinements renders 1`] = `
     </li>
     <li
       className="item"
-      key="numeric-4"
+      key="indexName-numeric-4"
     >
       <span
         className="label"
@@ -482,7 +482,7 @@ exports[`CurrentRefinements renders 1`] = `
     </li>
     <li
       className="item"
-      key="tag-5"
+      key="indexName-tag-5"
     >
       <span
         className="label"

diff --git a/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts b/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
@@ -166,6 +166,7 @@ search.addWidgets([
             hits: firstIndexHits,
           }),
         ]),
+        helper,
       },
       {
         indexId: 'index1',
@@ -175,6 +176,7 @@ search.addWidgets([
             hits: secondIndexHits,
           }),
         ]),
+        helper,
       },
     ];
 
@@ -255,6 +257,7 @@ search.addWidgets([
             results: new SearchResults(helper.state, [
               createSingleSearchResponse({ hits }),
             ]),
+            helper,
           },
         ],
         state: helper.state,
@@ -297,6 +300,7 @@ search.addWidgets([
             results: new SearchResults(helper.state, [
               createSingleSearchResponse({ hits }),
             ]),
+            helper,
           },
         ],
         state: helper.state,