vue-instantsearch 4.17.3 → 4.17.5

package/README.md

@@ -1,6 +1,7 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
+
 - [Vue InstantSearch](#vue-instantsearch)
 - [Documentation](#documentation)
 - [Installation](#installation)

package/package.json

@@ -16,7 +16,7 @@
     "autocomplete"
   ],
   "license": "MIT",
-  "version": "4.17.3",
+  "version": "4.17.5",
   "files": [
     "vue2",
     "vue3",
@@ -36,8 +36,8 @@
     "watch:es": "yarn --silent build --watch"
   },
   "dependencies": {
-    "instantsearch-ui-components": "0.6.0",
-    "instantsearch.js": "4.71.1",
+    "instantsearch-ui-components": "0.7.0",
+    "instantsearch.js": "4.72.1",
     "mitt": "^2.1.0"
   },
   "peerDependencies": {
@@ -62,7 +62,7 @@
     "@vue/test-utils": "1.3.0",
     "@vue/test-utils2": "npm:@vue/test-utils@2.0.0-rc.11",
     "algoliasearch": "4.23.2",
-    "algoliasearch-helper": "3.21.0",
+    "algoliasearch-helper": "3.22.1",
     "instantsearch.css": "8.2.1",
     "rollup": "1.32.1",
     "rollup-plugin-babel": "4.4.0",
@@ -89,5 +89,5 @@
     "vuex": "3.5.1",
     "vuex4": "npm:vuex@4.0.0"
   },
-  "gitHead": "443c2f875bd5ddd5cc94285b49c1e8c05df5e0f6"
+  "gitHead": "035e7a8634884096e71dfbd001c485b79f9bbf88"
 }

package/src/__tests__/common-widgets.test.js

@@ -28,6 +28,7 @@ import {
   AisNumericMenu,
   AisPoweredBy,
   AisMenuSelect,
+  AisDynamicWidgets,
 } from '../instantsearch';
 import { renderCompat } from '../util/vue-compat';
 
@@ -554,6 +555,32 @@ const testSetups = {
 
     await nextTick();
   },
+  createDynamicWidgetsWidgetTests({ instantSearchOptions, widgetParams }) {
+    mountApp(
+      {
+        render: renderCompat((h) =>
+          h(AisInstantSearch, { props: instantSearchOptions }, [
+            h(
+              AisDynamicWidgets,
+              { props: widgetParams },
+              h(AisRefinementList, { props: { attribute: 'brand' } }),
+              h(AisMenu, { props: { attribute: 'category' } }),
+              h(AisHierarchicalMenu, {
+                props: {
+                  attributes: [
+                    'hierarchicalCategories.lvl0',
+                    'hierarchicalCategories.lvl1',
+                  ],
+                },
+              })
+            ),
+            h(GlobalErrorSwallower),
+          ])
+        ),
+      },
+      document.body.appendChild(document.createElement('div'))
+    );
+  },
 };
 
 const testOptions = {
@@ -591,6 +618,7 @@ const testOptions = {
     skippedTests: { 'LookingSimilar widget common tests': true },
   },
   createPoweredByWidgetTests: undefined,
+  createDynamicWidgetsWidgetTests: undefined,
 };
 
 describe('Common widget tests (Vue InstantSearch)', () => {

package/src/components/__tests__/RangeInput.js

@@ -26,233 +26,6 @@ const defaultProps = {
   attribute: 'price',
 };
 
-it('accepts an attribute prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(RangeInput, {
-    propsData: {
-      ...defaultProps,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.attribute).toBe('price');
-});
-
-it('accepts a min prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(RangeInput, {
-    propsData: {
-      ...defaultProps,
-      min: 10,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.min).toBe(10);
-});
-
-it('accepts a max prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(RangeInput, {
-    propsData: {
-      ...defaultProps,
-      max: 500,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.max).toBe(500);
-});
-
-it('accepts a precision prop', () => {
-  __setState({
-    ...defaultState,
-  });
-
-  const wrapper = mount(RangeInput, {
-    propsData: {
-      ...defaultProps,
-      precision: 3,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.precision).toBe(3);
-});
-
-describe('rendering', () => {
-  it('displays correctly with default', () => {
-    __setState({
-      ...defaultState,
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('displays correctly with a min', () => {
-    __setState({
-      ...defaultState,
-      range: {
-        ...defaultRange,
-        min: 100,
-      },
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('displays correctly with a max', () => {
-    __setState({
-      ...defaultState,
-      range: {
-        ...defaultRange,
-        max: 100,
-      },
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('displays correctly with a min and a max', () => {
-    __setState({
-      ...defaultState,
-      range: {
-        min: 10,
-        max: 37,
-      },
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('displays correctly with a min refinement', () => {
-    __setState({
-      ...defaultState,
-      start: [10, 500],
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.find('.ais-RangeInput-input--min').element.value).toBe('10');
-  });
-
-  it('displays correctly with a min refinement equal -Infinity', () => {
-    __setState({
-      ...defaultState,
-      start: [-Infinity, 500],
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.find('.ais-RangeInput-input--min').element.value).toBe('');
-  });
-
-  it('displays correctly with a min refinement equal to min range', () => {
-    __setState({
-      ...defaultState,
-      start: [10, 500],
-      range: {
-        ...defaultRange,
-        min: 10,
-      },
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.find('.ais-RangeInput-input--min').element.value).toBe('');
-  });
-
-  it('displays correctly with a max refinement', () => {
-    __setState({
-      ...defaultState,
-      start: [10, 500],
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.find('.ais-RangeInput-input--max').element.value).toBe(
-      '500'
-    );
-  });
-
-  it('displays correctly with a max refinement equal Infinity', () => {
-    __setState({
-      ...defaultState,
-      start: [10, Infinity],
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.find('.ais-RangeInput-input--max').element.value).toBe('');
-  });
-
-  it('displays correctly with a max refinement equal to max range', () => {
-    __setState({
-      ...defaultState,
-      start: [10, 500],
-      range: {
-        ...defaultRange,
-        max: 500,
-      },
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    expect(wrapper.find('.ais-RangeInput-input--max').element.value).toBe('');
-  });
-});
-
 it('exposes send-event method for insights middleware', async () => {
   const sendEvent = jest.fn();
   __setState({
@@ -279,93 +52,3 @@ it('exposes send-event method for insights middleware', async () => {
   await wrapper.find('button').trigger('click');
   expect(sendEvent).toHaveBeenCalledTimes(1);
 });
-
-describe('refinement', () => {
-  it('uses the value of the inputs when the form is submited', async () => {
-    const refine = jest.fn();
-
-    __setState({
-      ...defaultState,
-      refine,
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        attribute: 'price',
-      },
-    });
-
-    const minInput = wrapper.find('.ais-RangeInput-input--min');
-    minInput.element.value = 100;
-    await minInput.trigger('change');
-
-    const maxInput = wrapper.find('.ais-RangeInput-input--max');
-    maxInput.element.value = 106;
-    await maxInput.trigger('change');
-
-    const form = wrapper.find('form');
-    await form.trigger('submit');
-
-    expect(refine).toHaveBeenLastCalledWith(['100', '106']);
-  });
-
-  it('refines correctly when `start` given and user clicks submit without changing input field', async () => {
-    const refine = jest.fn();
-    __setState({
-      refine,
-      start: [50, 100],
-      range: {
-        min: 1,
-        max: 5000,
-      },
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    const form = wrapper.find('form');
-    await form.trigger('submit');
-
-    expect(refine).toHaveBeenCalledTimes(1);
-    expect(refine).toHaveBeenCalledWith([50, 100]);
-  });
-
-  it('refines correctly even when state changes', async () => {
-    const refine = jest.fn();
-    __setState({
-      ...defaultState,
-      refine,
-    });
-
-    const wrapper = mount(RangeInput, {
-      propsData: {
-        ...defaultProps,
-      },
-    });
-
-    // refine for the first time
-    const minInput = wrapper.find('.ais-RangeInput-input--min');
-    minInput.element.value = 10;
-    await minInput.trigger('change');
-
-    const maxInput = wrapper.find('.ais-RangeInput-input--max');
-    maxInput.element.value = 100;
-    await maxInput.trigger('change');
-
-    const form = wrapper.find('form');
-    await form.trigger('submit');
-
-    expect(refine).toHaveBeenCalledTimes(1);
-    expect(refine).toHaveBeenCalledWith(['10', '100']);
-
-    // update the state
-    await wrapper.setData({ state: { start: [50, 200] } }); // min: 10 -> 50, max: 100 -> 200
-
-    await form.trigger('submit');
-    expect(refine).toHaveBeenCalledTimes(2);
-    expect(refine).toHaveBeenCalledWith([50, 200]);
-  });
-});

package/src/util/__tests__/createServerRootMixin.test.js

@@ -262,10 +262,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
           {
             "indexName": "hello",
             "params": {
-              "facets": [],
               "hitsPerPage": 100,
               "query": "",
-              "tagFilters": "",
             },
           },
         ]
@@ -318,10 +316,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
 
               expect(state.hello).toEqual({
                 requestParams: {
-                  facets: [],
                   hitsPerPage: 100,
                   query: '',
-                  tagFilters: '',
                 },
                 results: [
                   {
@@ -347,10 +343,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
               // Parent's widgets state should not be merged into nested index state
               expect(state.nestedIndex).toEqual({
                 requestParams: {
-                  facets: [],
                   hitsPerPage: 100,
                   query: '',
-                  tagFilters: '',
                 },
                 results: [
                   {
@@ -879,10 +873,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
             {
               "indexName": "hello",
               "params": {
-                "facets": [],
                 "hitsPerPage": 100,
                 "query": "",
-                "tagFilters": "",
               },
             },
           ]
@@ -955,10 +947,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
             {
               "indexName": "hello",
               "params": {
-                "facets": [],
                 "hitsPerPage": 100,
                 "query": "",
-                "tagFilters": "",
               },
             },
           ]