vue-instantsearch 4.7.0 → 4.7.2

package/src/components/__tests__/InstantSearchSsr.js

@@ -1,9 +1,14 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount, nextTick } from '../../../test/utils';
 import instantsearch from 'instantsearch.js/es';
 import InstantSearchSsr from '../InstantSearchSsr';
 import SearchBox from '../SearchBox.vue';
 import { createFakeClient } from '../../util/testutils/client';
 import { renderCompat } from '../../util/vue-compat';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.unmock('instantsearch.js/es');
 
@@ -58,7 +63,7 @@ it('does not start too many times', async () => {
   });
 
   const Wrapper = {
-    render: renderCompat(h => h(InstantSearchSsr)),
+    render: renderCompat((h) => h(InstantSearchSsr)),
   };
 
   mount(Wrapper, {

package/src/components/__tests__/Menu.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 import Menu from '../Menu.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');
@@ -187,7 +192,7 @@ describe('default render', () => {
   it('renders correctly with a URL for the href', () => {
     __setState({
       ...defaultState,
-      createURL: value => `/brand/${value}`,
+      createURL: (value) => `/brand/${value}`,
     });
 
     const wrapper = mount(Menu, {
@@ -249,7 +254,7 @@ describe('default render', () => {
 
     expect(wrapper.findAll('.ais-Menu-showMore')).toHaveLength(1);
     expect(showMoreWrapper.classes()).toContain('ais-Menu-showMore--disabled');
-    expect(showMoreWrapper).toBeDisabled();
+    expect(showMoreWrapper).vueToBeDisabled();
     expect(wrapper.htmlCompat()).toMatchSnapshot();
   });
 
@@ -422,7 +427,7 @@ describe('custom default render', () => {
   it('renders correctly with an URL for the href', () => {
     __setState({
       ...defaultState,
-      createURL: value => `/brand/${value}`,
+      createURL: (value) => `/brand/${value}`,
     });
 
     const wrapper = mount({

package/src/components/__tests__/MenuSelect.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import MenuSelect from '../MenuSelect.vue';
 import { __setState } from '../../mixins/widget';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');

package/src/components/__tests__/NumericMenu.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 import NumericMenu from '../NumericMenu.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');
@@ -94,7 +99,7 @@ it('accepts an items prop', () => {
 it('accepts an transformItems prop', () => {
   __setState(defaultState);
 
-  const identity = x => x;
+  const identity = (x) => x;
 
   const props = {
     ...defaultProps,

package/src/components/__tests__/Pagination.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 import Pagination from '../Pagination.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');

package/src/components/__tests__/Panel.js

@@ -1,5 +1,10 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import Panel from '../Panel.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 describe('default render', () => {
   const defaultSlot = `

package/src/components/__tests__/PoweredBy.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import PoweredBy from '../PoweredBy.vue';
 jest.mock('../../mixins/widget');
+import '../../../test/utils/sortedHtmlSerializer';
 
 test('includes the hostname in the URL', () => {
   const wrapper = mount(PoweredBy);
@@ -11,7 +16,7 @@ test('includes the hostname in the URL', () => {
   expect(algoliaURL.searchParams.get('utm_source')).toBe('vue-instantsearch');
   expect(algoliaURL.searchParams.get('utm_medium')).toBe('website');
   expect(algoliaURL.searchParams.get('utm_content')).toBe(location.hostname);
-  expect(algoliaURL.searchParams.get('utm_content')).toBe('example.com');
+  expect(algoliaURL.searchParams.get('utm_content')).toBe('localhost');
   expect(algoliaURL.searchParams.get('utm_campaign')).toBe('poweredby');
 });
 

package/src/components/__tests__/QueryRuleContext.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import QueryRuleContext from '../QueryRuleContext';
 import { __setState } from '../../mixins/widget';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 

package/src/components/__tests__/QueryRuleCustomData.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import QueryRuleCustomData from '../QueryRuleCustomData.vue';
 import { __setState } from '../../mixins/widget';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 

package/src/components/__tests__/RangeInput.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 import RangeInput from '../RangeInput.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');

package/src/components/__tests__/RatingMenu.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import RatingMenu from '../RatingMenu.vue';
 import { __setState } from '../../mixins/widget';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');

package/src/components/__tests__/RefinementList.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import RefinementList from '../RefinementList.vue';
 import { __setState } from '../../mixins/widget';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.unmock('instantsearch.js/es');
 jest.mock('../../mixins/widget');
@@ -141,11 +146,11 @@ it("disables show more if can't refine", async () => {
 
   const showMore = wrapper.find('.ais-RefinementList-showMore');
 
-  expect(showMore).toBeDisabled();
+  expect(showMore).vueToBeDisabled();
   expect(showMore.classes()).toContain('ais-RefinementList-showMore--disabled');
 
   await wrapper.setData({ state: { canToggleShowMore: true } });
-  expect(showMore).not.toBeDisabled();
+  expect(showMore).not.vueToBeDisabled();
   expect(showMore.classes()).not.toContain(
     'ais-RefinementList-showMore--disabled'
   );

package/src/components/__tests__/RelevantSort.js

@@ -1,7 +1,12 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import RelevantSort from '../RelevantSort.vue';
 import { __setState } from '../../mixins/widget';
 jest.mock('../../mixins/widget');
+import '../../../test/utils/sortedHtmlSerializer';
 
 describe('renders correctly', () => {
   test('no virtual replica', () => {
@@ -10,7 +15,7 @@ describe('renders correctly', () => {
       isRelevantSorted: false,
     });
     const wrapper = mount(RelevantSort);
-    expect(wrapper).toHaveEmptyHTML();
+    expect(wrapper).vueToHaveEmptyHTML();
   });
 
   test('not relevant sorted', () => {
@@ -57,6 +62,7 @@ it("calls the connector's refine function with 0 and undefined", async () => {
     isRelevantSorted: true,
     isVirtualReplica: true,
     refine: jest.fn(() => {
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
       wrapper.vm.state.isRelevantSorted = !wrapper.vm.state.isRelevantSorted;
     }),
   });

package/src/components/__tests__/SearchBox.js

@@ -1,7 +1,12 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import SearchBox from '../SearchBox.vue';
 import { mount, htmlCompat } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 jest.mock('../../mixins/widget');
+import '../../../test/utils/sortedHtmlSerializer';
 
 const defaultState = {};
 
@@ -20,7 +25,7 @@ test('with autofocus', () => {
     },
   });
 
-  expect(wrapper.find('.ais-SearchBox-input')).toBeAutofocused();
+  expect(wrapper.find('.ais-SearchBox-input')).vueToBeAutofocused();
 });
 
 test('with placeholder', () => {
@@ -67,7 +72,7 @@ test('with reset button hidden without refinement', () => {
 
   const wrapper = mount(SearchBox);
 
-  expect(wrapper.find('.ais-SearchBox-reset')).toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-reset')).vueToBeHidden();
 });
 
 test('with reset button visible with refinement', () => {
@@ -78,7 +83,7 @@ test('with reset button visible with refinement', () => {
 
   const wrapper = mount(SearchBox);
 
-  expect(wrapper.find('.ais-SearchBox-reset')).not.toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-reset')).not.vueToBeHidden();
 });
 
 test('with stalled search hides the submit, reset and displays the loader', () => {
@@ -93,9 +98,9 @@ test('with stalled search hides the submit, reset and displays the loader', () =
     },
   });
 
-  expect(wrapper.find('.ais-SearchBox-submit')).toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-submit')).vueToBeHidden();
 
-  expect(wrapper.find('.ais-SearchBox-reset')).toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-reset')).vueToBeHidden();
 
   expect(wrapper.find('.ais-SearchBox-loadingIndicator').exists()).toBe(true);
 });
@@ -104,9 +109,9 @@ test('with stalled search but no `showLoadingIndicator` displays the submit and
   __setState({ ...defaultState, isSearchStalled: true });
   const wrapper = mount(SearchBox);
 
-  expect(wrapper.find('.ais-SearchBox-submit')).not.toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-submit')).not.vueToBeHidden();
 
-  expect(wrapper.find('.ais-SearchBox-reset')).toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-reset')).vueToBeHidden();
 
   expect(wrapper.find('.ais-SearchBox-loadingIndicator').exists()).toBe(false);
 });
@@ -119,11 +124,11 @@ test('with not stalled search displays the submit and hides reset, loader', () =
     },
   });
 
-  expect(wrapper.find('.ais-SearchBox-submit')).not.toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-submit')).not.vueToBeHidden();
 
-  expect(wrapper.find('.ais-SearchBox-reset')).toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-reset')).vueToBeHidden();
 
-  expect(wrapper.find('.ais-SearchBox-loadingIndicator')).toBeHidden();
+  expect(wrapper.find('.ais-SearchBox-loadingIndicator')).vueToBeHidden();
 });
 
 test('blurs input on form submit', async () => {

package/src/components/__tests__/Snippet.js

@@ -1,5 +1,10 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import Snippet from '../Snippet.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.unmock('instantsearch.js/es');
 

package/src/components/__tests__/SortBy.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 import SortBy from '../SortBy.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');

package/src/components/__tests__/StateResults.js

@@ -1,12 +1,20 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import StateResults from '../StateResults.vue';
 import { __setIndexHelper, __setIndexResults } from '../../mixins/widget';
 jest.mock('../../mixins/widget');
+import '../../../test/utils/sortedHtmlSerializer';
 
 it('renders explanation if no slot is used', () => {
   __setIndexResults({
     query: 'this is the quer',
-    hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+    hits: [
+      { objectID: '1', name: 'one' },
+      { objectID: '2', name: 'two' },
+    ],
     page: 1,
   });
   __setIndexHelper({
@@ -21,13 +29,16 @@ it('renders explanation if no slot is used', () => {
 it("doesn't render if no results", () => {
   __setIndexResults(null);
   const wrapper = mount(StateResults);
-  expect(wrapper).toHaveEmptyHTML();
+  expect(wrapper).vueToHaveEmptyHTML();
 });
 
 it('gives state & results to default slot', () => {
   const results = {
     query: 'q',
-    hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+    hits: [
+      { objectID: '1', name: 'one' },
+      { objectID: '2', name: 'two' },
+    ],
     page: 1,
   };
   const state = {
@@ -41,7 +52,7 @@ it('gives state & results to default slot', () => {
 
   mount(StateResults, {
     scopedSlots: {
-      default: props => {
+      default: (props) => {
         expect(props).toEqual(expect.objectContaining(results));
         expect(props.results).toEqual(results);
         expect(props.state).toEqual(state);
@@ -55,7 +66,10 @@ it('gives state & results to default slot', () => {
 it('allows default slot to render whatever they want', () => {
   const results = {
     query: 'hi',
-    hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+    hits: [
+      { objectID: '1', name: 'one' },
+      { objectID: '2', name: 'two' },
+    ],
     page: 1,
   };
   const state = {
@@ -92,7 +106,10 @@ it('allows default slot to render whatever they want', () => {
 it('allows default slot to render whatever they want (truthy query)', () => {
   const results = {
     query: 'hi',
-    hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+    hits: [
+      { objectID: '1', name: 'one' },
+      { objectID: '2', name: 'two' },
+    ],
     page: 1,
   };
   const state = {
@@ -129,7 +146,10 @@ it('allows default slot to render whatever they want (truthy query)', () => {
 it('allows default slot to render whatever they want (falsy query)', () => {
   const results = {
     query: '',
-    hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+    hits: [
+      { objectID: '1', name: 'one' },
+      { objectID: '2', name: 'two' },
+    ],
     page: 1,
   };
   const state = {
@@ -167,7 +187,10 @@ describe('legacy spread props', () => {
   it('allows default slot to render whatever they want (truthy query)', () => {
     __setIndexResults({
       query: 'q',
-      hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+      hits: [
+        { objectID: '1', name: 'one' },
+        { objectID: '2', name: 'two' },
+      ],
       page: 1,
     });
     __setIndexHelper({ state: {} });
@@ -200,7 +223,10 @@ describe('legacy spread props', () => {
   it('allows default slot to render whatever they want (falsy query)', () => {
     __setIndexResults({
       query: '',
-      hits: [{ objectID: '1', name: 'one' }, { objectID: '2', name: 'two' }],
+      hits: [
+        { objectID: '1', name: 'one' },
+        { objectID: '2', name: 'two' },
+      ],
       page: 1,
     });
     __setIndexHelper({ state: {} });

package/src/components/__tests__/Stats.js

@@ -1,7 +1,12 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 
 import Stats from '../Stats.vue';
 
+import '../../../test/utils/sortedHtmlSerializer';
 import { __setState } from '../../mixins/widget';
 jest.mock('../../mixins/widget');
 

package/src/components/__tests__/ToggleRefinement.js

@@ -1,6 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 import Toggle from '../ToggleRefinement.vue';
+import '../../../test/utils/sortedHtmlSerializer';
 
 jest.mock('../../mixins/widget');
 jest.mock('../../mixins/panel');

package/src/components/__tests__/VoiceSearch.js

@@ -1,7 +1,12 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import VoiceSearch from '../VoiceSearch.vue';
 import { mount } from '../../../test/utils';
 import { __setState } from '../../mixins/widget';
 jest.mock('../../mixins/widget');
+import '../../../test/utils/sortedHtmlSerializer';
 
 const defaultState = {
   voiceListeningState: {
@@ -45,7 +50,7 @@ describe('Rendering', () => {
       isBrowserSupported: false,
     });
     const wrapper = mount(VoiceSearch);
-    expect(wrapper.find('button')).toBeDisabled();
+    expect(wrapper.find('button')).vueToBeDisabled();
   });
 
   it('with custom template for buttonText (1)', () => {

package/src/components/__tests__/__Template.js

@@ -1,7 +1,12 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import { mount } from '../../../test/utils';
 import Template from '../__Template.vue';
 import { __setState } from '../../mixins/widget';
 jest.mock('../../mixins/widget');
+import '../../../test/utils/sortedHtmlSerializer';
 
 it('renders correctly', () => {
   __setState({

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

@@ -4,7 +4,7 @@ exports[`has proper HTML rendering (dark) 1`] = `
 <div class="ais-PoweredBy">
   <a aria-label="search by Algolia"
      class="ais-PoweredBy-link"
-     href="https://www.algolia.com/?utm_source=vue-instantsearch&amp;utm_medium=website&amp;utm_content=example.com&amp;utm_campaign=poweredby"
+     href="https://www.algolia.com/?utm_source=vue-instantsearch&amp;utm_medium=website&amp;utm_content=localhost&amp;utm_campaign=poweredby"
      rel="noopener"
      target="_blank"
   >
@@ -29,7 +29,7 @@ exports[`has proper HTML rendering 1`] = `
 <div class="ais-PoweredBy">
   <a aria-label="search by Algolia"
      class="ais-PoweredBy-link"
-     href="https://www.algolia.com/?utm_source=vue-instantsearch&amp;utm_medium=website&amp;utm_content=example.com&amp;utm_campaign=poweredby"
+     href="https://www.algolia.com/?utm_source=vue-instantsearch&amp;utm_medium=website&amp;utm_content=localhost&amp;utm_campaign=poweredby"
      rel="noopener"
      target="_blank"
   >