vue-instantsearch 4.12.0 → 4.13.0

package/src/components/__tests__/ToggleRefinement.js

@@ -28,16 +28,6 @@ const defaultProps = {
   label: 'Free Shipping',
 };
 
-it('accepts an attribute prop', () => {
-  __setState({ ...defaultState });
-
-  const wrapper = mount(Toggle, {
-    propsData: defaultProps,
-  });
-
-  expect(wrapper.vm.widgetParams.attribute).toBe('free_shipping');
-});
-
 it('accepts a label prop', () => {
   __setState({ ...defaultState });
 
@@ -48,128 +38,6 @@ it('accepts a label prop', () => {
   expect(wrapper.vm.widgetParams.label).toBe('Free Shipping');
 });
 
-it('accepts an on prop', () => {
-  __setState({ ...defaultState });
-
-  const wrapper = mount(Toggle, {
-    propsData: {
-      ...defaultProps,
-      on: 'somevalue',
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.on).toBe('somevalue');
-});
-
-it('accepts an off prop', () => {
-  __setState({ ...defaultState });
-
-  const wrapper = mount(Toggle, {
-    propsData: {
-      ...defaultProps,
-      off: false,
-    },
-  });
-
-  expect(wrapper.vm.widgetParams.off).toBe(false);
-});
-
-describe('default render', () => {
-  it('renders correctly', () => {
-    __setState({ ...defaultState });
-
-    const wrapper = mount(Toggle, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly without refinement (with 0)', () => {
-    __setState({
-      ...defaultState,
-      canRefine: false,
-      value: {
-        ...defaultValue,
-        count: 0,
-      },
-    });
-
-    const wrapper = mount(Toggle, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly without refinement (with null)', () => {
-    __setState({
-      ...defaultState,
-      canRefine: false,
-      value: {
-        ...defaultValue,
-        count: null,
-      },
-    });
-
-    const wrapper = mount(Toggle, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('renders correctly with the value not selected', () => {
-    __setState({
-      ...defaultState,
-      value: {
-        ...defaultValue,
-        isRefined: false,
-      },
-    });
-
-    const wrapper = mount(Toggle, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.find('input').element.checked).toBe(false);
-  });
-
-  it('renders correctly with the value selected', () => {
-    __setState({
-      ...defaultState,
-      value: {
-        ...defaultValue,
-        isRefined: true,
-      },
-    });
-
-    const wrapper = mount(Toggle, {
-      propsData: defaultProps,
-    });
-
-    expect(wrapper.find('input').element.checked).toBe(true);
-  });
-
-  it('calls refine on input change', () => {
-    const refine = jest.fn();
-
-    __setState({
-      ...defaultState,
-      refine,
-    });
-
-    const wrapper = mount(Toggle, {
-      propsData: defaultProps,
-    });
-
-    wrapper.find('input').setChecked(true);
-
-    expect(refine).toHaveBeenCalled();
-    expect(refine).toHaveBeenCalledWith(defaultValue);
-  });
-});
-
 it('exposes send-event method for insights middleware', async () => {
   const sendEvent = jest.fn();
   __setState({

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

@@ -15,7 +15,6 @@ exports[`allows search bar classes override when it's searchable 1`] = `
              class="ais-SearchBox-input"
              maxlength="512"
              placeholder="Search here…"
-             required="required"
              spellcheck="false"
              type="search"
       >
@@ -26,14 +25,10 @@ exports[`allows search bar classes override when it's searchable 1`] = `
         <svg aria-hidden="true"
              class="ais-SearchBox-submitIcon"
              height="10"
-             role="img"
              viewbox="0 0 40 40"
              width="10"
-             xmlns="http://www.w3.org/2000/svg"
         >
-          <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
-                fillrule="evenodd"
-          >
+          <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z">
           </path>
         </svg>
       </button>
@@ -44,14 +39,11 @@ exports[`allows search bar classes override when it's searchable 1`] = `
       >
         <svg aria-hidden="true"
              class="ais-SearchBox-resetIcon"
-             role="img"
-             style="width: 1em; height: 1em;"
+             height="10"
              viewbox="0 0 20 20"
-             xmlns="http://www.w3.org/2000/svg"
+             width="10"
         >
-          <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
-                fillrule="evenodd"
-          >
+          <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z">
           </path>
         </svg>
       </button>
@@ -274,7 +266,6 @@ exports[`renders correctly when it's searchable 1`] = `
              class="ais-SearchBox-input"
              maxlength="512"
              placeholder="Search here…"
-             required="required"
              spellcheck="false"
              type="search"
       >
@@ -285,14 +276,10 @@ exports[`renders correctly when it's searchable 1`] = `
         <svg aria-hidden="true"
              class="ais-SearchBox-submitIcon"
              height="10"
-             role="img"
              viewbox="0 0 40 40"
              width="10"
-             xmlns="http://www.w3.org/2000/svg"
         >
-          <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
-                fillrule="evenodd"
-          >
+          <path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z">
           </path>
         </svg>
       </button>
@@ -303,14 +290,11 @@ exports[`renders correctly when it's searchable 1`] = `
       >
         <svg aria-hidden="true"
              class="ais-SearchBox-resetIcon"
-             role="img"
-             style="width: 1em; height: 1em;"
+             height="10"
              viewbox="0 0 20 20"
-             xmlns="http://www.w3.org/2000/svg"
+             width="10"
         >
-          <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
-                fillrule="evenodd"
-          >
+          <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z">
           </path>
         </svg>
       </button>

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

@@ -1,27 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders correctly 1`] = `
-<div class="ais-SortBy">
-  <select class="ais-SortBy-select">
-    <option class="ais-SortBy-option"
-            value="some_index"
-    >
-      Relevance
-    </option>
-    <option class="ais-SortBy-option"
-            value="some_index_cool"
-    >
-      Coolness ascending
-    </option>
-    <option class="ais-SortBy-option"
-            value="some_index_quality"
-    >
-      Quality ascending
-    </option>
-  </select>
-</div>
-`;
-
 exports[`renders with scoped slots 1`] = `
 <div class="ais-SortBy">
   <select>

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

@@ -53,54 +53,3 @@ exports[`custom default render renders correctly without refinement 1`] = `
   </a>
 </div>
 `;
-
-exports[`default render renders correctly 1`] = `
-<div class="ais-ToggleRefinement">
-  <label class="ais-ToggleRefinement-label">
-    <input class="ais-ToggleRefinement-checkbox"
-           name="free_shipping"
-           type="checkbox"
-           value="true"
-    >
-    <span class="ais-ToggleRefinement-labelText">
-      Free Shipping
-    </span>
-    <span class="ais-ToggleRefinement-count">
-      100
-    </span>
-  </label>
-</div>
-`;
-
-exports[`default render renders correctly without refinement (with 0) 1`] = `
-<div class="ais-ToggleRefinement ais-ToggleRefinement--noRefinement">
-  <label class="ais-ToggleRefinement-label">
-    <input class="ais-ToggleRefinement-checkbox"
-           name="free_shipping"
-           type="checkbox"
-           value="true"
-    >
-    <span class="ais-ToggleRefinement-labelText">
-      Free Shipping
-    </span>
-    <span class="ais-ToggleRefinement-count">
-      0
-    </span>
-  </label>
-</div>
-`;
-
-exports[`default render renders correctly without refinement (with null) 1`] = `
-<div class="ais-ToggleRefinement ais-ToggleRefinement--noRefinement">
-  <label class="ais-ToggleRefinement-label">
-    <input class="ais-ToggleRefinement-checkbox"
-           name="free_shipping"
-           type="checkbox"
-           value="true"
-    >
-    <span class="ais-ToggleRefinement-labelText">
-      Free Shipping
-    </span>
-  </label>
-</div>
-`;

package/src/util/vue-compat/index-vue3.js

@@ -14,12 +14,13 @@ export function renderCompat(fn) {
       (props.attrs || props.props || props.scopedSlots || props.on)
     ) {
       // In vue 3, we no longer wrap with `attrs` or `props` key.
+      const onPropKeys = Object.keys(props.on || {});
       const flatProps = Object.assign(
         {},
         props,
         props.attrs,
         props.props,
-        Object.keys(props.on || {}).reduce((acc, key) => {
+        onPropKeys.reduce((acc, key) => {
           // eslint-disable-next-line no-param-reassign
           acc[`on${key[0].toUpperCase()}${key.slice(1)}`] = props.on[key];
           return acc;
@@ -28,7 +29,7 @@ export function renderCompat(fn) {
       delete flatProps.attrs;
       delete flatProps.props;
       delete flatProps.scopedSlots;
-      delete flatProps.on;
+      onPropKeys.forEach((key) => delete flatProps.on[key]);
 
       return Vue.h(
         tag,