vue-instantsearch 4.8.0 → 4.8.2

package/package.json

@@ -16,7 +16,7 @@
     "autocomplete"
   ],
   "license": "MIT",
-  "version": "4.8.0",
+  "version": "4.8.2",
   "files": [
     "vue2",
     "vue3",
@@ -35,7 +35,7 @@
     "test:exports:vue3": "node ./test/module/vue3/is-es-module.mjs && node ./test/module/vue3/is-cjs-module.cjs"
   },
   "dependencies": {
-    "instantsearch.js": "^4.50.0",
+    "instantsearch.js": "4.50.2",
     "mitt": "^2.1.0"
   },
   "peerDependencies": {
@@ -85,5 +85,5 @@
     "vuex": "3.5.1",
     "vuex4": "npm:vuex@4.0.0"
   },
-  "gitHead": "15adccb907fec9528ab169ee3d7d905ceab5a860"
+  "gitHead": "929c1d782d17a0d743f8a16d8d7e2231534658e7"
 }

package/src/__tests__/common.test.js

@@ -6,6 +6,7 @@ import {
   createHierarchicalMenuTests,
   createMenuTests,
   createPaginationTests,
+  createInfiniteHitsTests,
 } from '@instantsearch/tests';
 
 import { nextTick, mountApp } from '../../test/utils';
@@ -16,6 +17,8 @@ import {
   AisHierarchicalMenu,
   AisMenu,
   AisPagination,
+  AisInfiniteHits,
+  AisSearchBox,
   createWidgetMixin,
 } from '../instantsearch';
 jest.unmock('instantsearch.js/es');
@@ -97,3 +100,20 @@ createPaginationTests(async ({ instantSearchOptions, widgetParams }) => {
 
   await nextTick();
 });
+
+createInfiniteHitsTests(async ({ instantSearchOptions, widgetParams }) => {
+  mountApp(
+    {
+      render: renderCompat((h) =>
+        h(AisInstantSearch, { props: instantSearchOptions }, [
+          h(AisSearchBox),
+          h(AisInfiniteHits, { props: widgetParams }),
+          h(GlobalErrorSwallower),
+        ])
+      ),
+    },
+    document.body.appendChild(document.createElement('div'))
+  );
+
+  await nextTick();
+});

package/src/components/HierarchicalMenuList.vue

@@ -1,5 +1,6 @@
 <template>
   <ul
+    v-if="items.length > 0"
     :class="[
       suit('list'),
       level > 0 && suit('list', 'child'),
@@ -11,7 +12,7 @@
       :key="item.value"
       :class="[
         suit('item'),
-        item.data && suit('item', 'parent'),
+        item.data && item.data.length > 0 && suit('item', 'parent'),
         item.isRefined && suit('item', 'selected'),
       ]"
     >

package/src/components/__tests__/HierarchicalMenu.js

@@ -98,6 +98,14 @@ const microsoft = {
   data: null,
 };
 
+const google = {
+  label: 'Google',
+  value: 'Google',
+  isRefined: true,
+  count: 2,
+  data: [],
+};
+
 const defaultState = {
   items: [
     {
@@ -116,6 +124,7 @@ const defaultState = {
       data: [galaxy, note],
     },
     microsoft,
+    google,
   ],
   refine: () => {},
   createURL: () => {},

package/src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap

@@ -48,6 +48,13 @@ exports[`custom default render renders correctly 1`] = `
           Microsoft - 20
         </a>
       </li>
+      <li>
+        <a>
+          Google - 2
+        </a>
+        <ol>
+        </ol>
+      </li>
     </ol>
     <button>
       View more
@@ -104,6 +111,13 @@ exports[`custom default render renders correctly with a disabled show more butto
           Microsoft - 20
         </a>
       </li>
+      <li>
+        <a>
+          Google - 2
+        </a>
+        <ol>
+        </ol>
+      </li>
     </ol>
     <button disabled="disabled">
       View more
@@ -160,6 +174,13 @@ exports[`custom default render renders correctly with a limit 1`] = `
           Microsoft - 20
         </a>
       </li>
+      <li>
+        <a>
+          Google - 2
+        </a>
+        <ol>
+        </ol>
+      </li>
     </ol>
     <button>
       View more
@@ -216,6 +237,13 @@ exports[`custom default render renders correctly with a show more button toggled
           Microsoft - 20
         </a>
       </li>
+      <li>
+        <a>
+          Google - 2
+        </a>
+        <ol>
+        </ol>
+      </li>
     </ol>
     <button>
       View more
@@ -272,6 +300,13 @@ exports[`custom default render renders correctly with a show more button toggled
           Microsoft - 20
         </a>
       </li>
+      <li>
+        <a>
+          Google - 2
+        </a>
+        <ol>
+        </ol>
+      </li>
     </ol>
     <button>
       View less
@@ -328,6 +363,13 @@ exports[`custom default render renders correctly with an URL for the href 1`] =
           Microsoft - 20
         </a>
       </li>
+      <li>
+        <a href="/categories/Google">
+          Google - 2
+        </a>
+        <ol>
+        </ol>
+      </li>
     </ol>
     <button>
       View more
@@ -467,6 +509,16 @@ exports[`custom showMoreLabel render renders correctly with a custom show more l
         </span>
       </a>
     </li>
+    <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--selected">
+      <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
+        <span class="ais-HierarchicalMenu-label">
+          Google
+        </span>
+        <span class="ais-HierarchicalMenu-count">
+          2
+        </span>
+      </a>
+    </li>
   </ul>
   <button class="ais-HierarchicalMenu-showMore">
     <span>
@@ -595,6 +647,16 @@ exports[`custom showMoreLabel render renders correctly with a custom show more l
         </span>
       </a>
     </li>
+    <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--selected">
+      <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
+        <span class="ais-HierarchicalMenu-label">
+          Google
+        </span>
+        <span class="ais-HierarchicalMenu-count">
+          2
+        </span>
+      </a>
+    </li>
   </ul>
   <button class="ais-HierarchicalMenu-showMore">
     <span>
@@ -723,6 +785,16 @@ exports[`default render renders correctly 1`] = `
         </span>
       </a>
     </li>
+    <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--selected">
+      <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
+        <span class="ais-HierarchicalMenu-label">
+          Google
+        </span>
+        <span class="ais-HierarchicalMenu-count">
+          2
+        </span>
+      </a>
+    </li>
   </ul>
 </div>
 `;
@@ -991,6 +1063,18 @@ exports[`default render renders correctly with a URL for the href 1`] = `
         </span>
       </a>
     </li>
+    <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--selected">
+      <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected"
+         href="/categories/Google"
+      >
+        <span class="ais-HierarchicalMenu-label">
+          Google
+        </span>
+        <span class="ais-HierarchicalMenu-count">
+          2
+        </span>
+      </a>
+    </li>
   </ul>
 </div>
 `;
@@ -1114,6 +1198,16 @@ exports[`default render renders correctly with show more disabled 1`] = `
         </span>
       </a>
     </li>
+    <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--selected">
+      <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
+        <span class="ais-HierarchicalMenu-label">
+          Google
+        </span>
+        <span class="ais-HierarchicalMenu-count">
+          2
+        </span>
+      </a>
+    </li>
   </ul>
   <button class="ais-HierarchicalMenu-showMore ais-HierarchicalMenu-showMore--disabled"
           disabled="disabled"
@@ -1137,7 +1231,5 @@ exports[`default render renders correctly with show more label toggled 1`] = `
 
 exports[`default render renders correctly without refinement 1`] = `
 <div class="ais-HierarchicalMenu ais-HierarchicalMenu--noRefinement">
-  <ul class="ais-HierarchicalMenu-list ais-HierarchicalMenu-list--lvl0">
-  </ul>
 </div>
 `;