vue-instantsearch 4.17.1 → 4.17.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/src/__tests__/common-widgets.test.js +38 -0
- package/src/components/Hits.js +2 -5
- package/src/components/InfiniteHits.vue +2 -7
- package/src/components/PoweredBy.vue +2 -2
- package/src/components/RatingMenu.vue +36 -34
- package/src/components/__tests__/Hits.js +1 -1
- package/src/components/__tests__/InfiniteHits.js +1 -168
- package/src/components/__tests__/MenuSelect.js +0 -160
- package/src/components/__tests__/RatingMenu.js +0 -117
- package/src/components/__tests__/__snapshots__/InfiniteHits.js.snap +0 -110
- package/src/components/__tests__/__snapshots__/MenuSelect.js.snap +0 -39
- package/vue2/cjs/index.js +1 -1
- package/vue2/cjs/index.js.map +1 -1
- package/vue2/es/package.json.js +1 -1
- package/vue2/es/src/components/Hits.js +1 -1
- package/vue2/es/src/components/Hits.js.map +1 -1
- package/vue2/es/src/components/InfiniteHits.vue.js +1 -1
- package/vue2/es/src/components/InfiniteHits.vue_rollup-plugin-vue=script.js +1 -1
- package/vue2/es/src/components/PoweredBy.vue.js +1 -1
- package/vue2/es/src/components/RatingMenu.vue.js +1 -1
- package/vue2/umd/index.js +1 -1
- package/vue2/umd/index.js.map +1 -1
- package/vue3/cjs/index.js +1 -1
- package/vue3/cjs/index.js.map +1 -1
- package/vue3/es/package.json.js +1 -1
- package/vue3/es/src/components/Hits.js +1 -1
- package/vue3/es/src/components/Hits.js.map +1 -1
- package/vue3/es/src/components/InfiniteHits.vue.js +1 -1
- package/vue3/es/src/components/InfiniteHits.vue_vue&type=script&lang.js +1 -1
- package/vue3/es/src/components/InfiniteHits.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/InfiniteHits.vue_vue&type=template&id=1b2a109e&lang.js +2 -0
- package/vue3/es/src/components/InfiniteHits.vue_vue&type=template&id=1b2a109e&lang.js.map +1 -0
- package/vue3/es/src/components/PoweredBy.vue.js +1 -1
- package/vue3/es/src/components/PoweredBy.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/PoweredBy.vue_vue&type=template&id=1cd6879e&lang.js +2 -0
- package/vue3/es/src/components/PoweredBy.vue_vue&type=template&id=1cd6879e&lang.js.map +1 -0
- package/vue3/es/src/components/RatingMenu.vue.js +1 -1
- package/vue3/es/src/components/RatingMenu.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/RatingMenu.vue_vue&type=template&id=c025dd38&lang.js +2 -0
- package/vue3/es/src/components/RatingMenu.vue_vue&type=template&id=c025dd38&lang.js.map +1 -0
- package/vue3/umd/index.js +1 -1
- package/vue3/umd/index.js.map +1 -1
- package/src/components/__tests__/PoweredBy.js +0 -37
- package/src/components/__tests__/__snapshots__/PoweredBy.js.snap +0 -51
- package/src/components/__tests__/__snapshots__/RatingMenu.js.snap +0 -487
- package/vue3/es/src/components/InfiniteHits.vue_vue&type=template&id=39939af3&lang.js +0 -2
- package/vue3/es/src/components/InfiniteHits.vue_vue&type=template&id=39939af3&lang.js.map +0 -1
- package/vue3/es/src/components/PoweredBy.vue_vue&type=template&id=85db7eac&lang.js +0 -2
- package/vue3/es/src/components/PoweredBy.vue_vue&type=template&id=85db7eac&lang.js.map +0 -1
- package/vue3/es/src/components/RatingMenu.vue_vue&type=template&id=6effe1ff&lang.js +0 -2
- package/vue3/es/src/components/RatingMenu.vue_vue&type=template&id=6effe1ff&lang.js.map +0 -1
|
@@ -14,123 +14,6 @@ const defaultProps = {
|
|
|
14
14
|
attribute: 'popularity',
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
it('renders correctly', () => {
|
|
18
|
-
__setState({
|
|
19
|
-
createURL: () => '#',
|
|
20
|
-
items: [
|
|
21
|
-
{
|
|
22
|
-
isRefined: false,
|
|
23
|
-
count: 20,
|
|
24
|
-
value: '1',
|
|
25
|
-
stars: [true, false, false, false, false],
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
isRefined: false,
|
|
29
|
-
count: 3,
|
|
30
|
-
value: '2',
|
|
31
|
-
stars: [true, true, false, false, false],
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
isRefined: false,
|
|
35
|
-
count: 2000,
|
|
36
|
-
value: '3',
|
|
37
|
-
stars: [true, true, true, false, false],
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
isRefined: false,
|
|
41
|
-
count: 8,
|
|
42
|
-
value: '4',
|
|
43
|
-
stars: [true, true, true, true, false],
|
|
44
|
-
},
|
|
45
|
-
],
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
const wrapper = mount(RatingMenu, {
|
|
49
|
-
propsData: defaultProps,
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
expect(wrapper.html()).toMatchSnapshot();
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
it('renders correctly when refined', () => {
|
|
56
|
-
__setState({
|
|
57
|
-
createURL: () => '#',
|
|
58
|
-
items: [
|
|
59
|
-
{
|
|
60
|
-
isRefined: false,
|
|
61
|
-
count: 20,
|
|
62
|
-
value: '1',
|
|
63
|
-
stars: [true, false, false, false, false],
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
isRefined: false,
|
|
67
|
-
count: 3,
|
|
68
|
-
value: '2',
|
|
69
|
-
stars: [true, true, false, false, false],
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
isRefined: false,
|
|
73
|
-
count: 2000,
|
|
74
|
-
value: '3',
|
|
75
|
-
stars: [true, true, true, false, false],
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
isRefined: true,
|
|
79
|
-
count: 8,
|
|
80
|
-
value: '4',
|
|
81
|
-
stars: [true, true, true, true, false],
|
|
82
|
-
},
|
|
83
|
-
],
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
const wrapper = mount(RatingMenu, {
|
|
87
|
-
propsData: defaultProps,
|
|
88
|
-
});
|
|
89
|
-
|
|
90
|
-
expect(wrapper.html()).toMatchSnapshot();
|
|
91
|
-
});
|
|
92
|
-
|
|
93
|
-
it('calls refine when clicked on link', async () => {
|
|
94
|
-
__setState({
|
|
95
|
-
createURL: () => '#',
|
|
96
|
-
items: [
|
|
97
|
-
{
|
|
98
|
-
isRefined: false,
|
|
99
|
-
count: 20,
|
|
100
|
-
value: '1',
|
|
101
|
-
stars: [true, false, false, false, false],
|
|
102
|
-
},
|
|
103
|
-
{
|
|
104
|
-
isRefined: false,
|
|
105
|
-
count: 3,
|
|
106
|
-
value: '2',
|
|
107
|
-
stars: [true, true, false, false, false],
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
isRefined: false,
|
|
111
|
-
count: 2000,
|
|
112
|
-
value: '3',
|
|
113
|
-
stars: [true, true, true, false, false],
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
isRefined: false,
|
|
117
|
-
count: 8,
|
|
118
|
-
value: '4',
|
|
119
|
-
stars: [true, true, true, true, false],
|
|
120
|
-
},
|
|
121
|
-
],
|
|
122
|
-
refine: jest.fn(),
|
|
123
|
-
});
|
|
124
|
-
|
|
125
|
-
const wrapper = mount(RatingMenu, {
|
|
126
|
-
propsData: defaultProps,
|
|
127
|
-
});
|
|
128
|
-
|
|
129
|
-
await wrapper.find('.ais-RatingMenu-link').trigger('click');
|
|
130
|
-
|
|
131
|
-
expect(wrapper.vm.state.refine).toHaveBeenLastCalledWith('1');
|
|
132
|
-
});
|
|
133
|
-
|
|
134
17
|
it('exposes send-event method for insights middleware', async () => {
|
|
135
18
|
const sendEvent = jest.fn();
|
|
136
19
|
__setState({
|
|
@@ -1,115 +1,5 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`renders correctly 1`] = `
|
|
4
|
-
<div class="ais-InfiniteHits">
|
|
5
|
-
<ol class="ais-InfiniteHits-list">
|
|
6
|
-
<li class="ais-InfiniteHits-item">
|
|
7
|
-
objectID: 00001, index: 0
|
|
8
|
-
</li>
|
|
9
|
-
<li class="ais-InfiniteHits-item">
|
|
10
|
-
objectID: 00002, index: 1
|
|
11
|
-
</li>
|
|
12
|
-
<li class="ais-InfiniteHits-item">
|
|
13
|
-
objectID: 00003, index: 2
|
|
14
|
-
</li>
|
|
15
|
-
<li class="ais-InfiniteHits-item">
|
|
16
|
-
objectID: 00004, index: 3
|
|
17
|
-
</li>
|
|
18
|
-
<li class="ais-InfiniteHits-item">
|
|
19
|
-
objectID: 00005, index: 4
|
|
20
|
-
</li>
|
|
21
|
-
</ol>
|
|
22
|
-
<button class="ais-InfiniteHits-loadMore">
|
|
23
|
-
Show more results
|
|
24
|
-
</button>
|
|
25
|
-
</div>
|
|
26
|
-
`;
|
|
27
|
-
|
|
28
|
-
exports[`renders correctly on the first page 1`] = `
|
|
29
|
-
<div class="ais-InfiniteHits">
|
|
30
|
-
<button class="ais-InfiniteHits-loadPrevious ais-InfiniteHits-loadPrevious--disabled"
|
|
31
|
-
disabled="disabled"
|
|
32
|
-
>
|
|
33
|
-
Show previous results
|
|
34
|
-
</button>
|
|
35
|
-
<ol class="ais-InfiniteHits-list">
|
|
36
|
-
<li class="ais-InfiniteHits-item">
|
|
37
|
-
objectID: 00001, index: 0
|
|
38
|
-
</li>
|
|
39
|
-
<li class="ais-InfiniteHits-item">
|
|
40
|
-
objectID: 00002, index: 1
|
|
41
|
-
</li>
|
|
42
|
-
<li class="ais-InfiniteHits-item">
|
|
43
|
-
objectID: 00003, index: 2
|
|
44
|
-
</li>
|
|
45
|
-
<li class="ais-InfiniteHits-item">
|
|
46
|
-
objectID: 00004, index: 3
|
|
47
|
-
</li>
|
|
48
|
-
<li class="ais-InfiniteHits-item">
|
|
49
|
-
objectID: 00005, index: 4
|
|
50
|
-
</li>
|
|
51
|
-
</ol>
|
|
52
|
-
<button class="ais-InfiniteHits-loadMore">
|
|
53
|
-
Show more results
|
|
54
|
-
</button>
|
|
55
|
-
</div>
|
|
56
|
-
`;
|
|
57
|
-
|
|
58
|
-
exports[`renders correctly on the last page 1`] = `
|
|
59
|
-
<div class="ais-InfiniteHits">
|
|
60
|
-
<ol class="ais-InfiniteHits-list">
|
|
61
|
-
<li class="ais-InfiniteHits-item">
|
|
62
|
-
objectID: 00001, index: 0
|
|
63
|
-
</li>
|
|
64
|
-
<li class="ais-InfiniteHits-item">
|
|
65
|
-
objectID: 00002, index: 1
|
|
66
|
-
</li>
|
|
67
|
-
<li class="ais-InfiniteHits-item">
|
|
68
|
-
objectID: 00003, index: 2
|
|
69
|
-
</li>
|
|
70
|
-
<li class="ais-InfiniteHits-item">
|
|
71
|
-
objectID: 00004, index: 3
|
|
72
|
-
</li>
|
|
73
|
-
<li class="ais-InfiniteHits-item">
|
|
74
|
-
objectID: 00005, index: 4
|
|
75
|
-
</li>
|
|
76
|
-
</ol>
|
|
77
|
-
<button class="ais-InfiniteHits-loadMore ais-InfiniteHits-loadMore--disabled"
|
|
78
|
-
disabled="disabled"
|
|
79
|
-
>
|
|
80
|
-
Show more results
|
|
81
|
-
</button>
|
|
82
|
-
</div>
|
|
83
|
-
`;
|
|
84
|
-
|
|
85
|
-
exports[`renders correctly when not on the first page 1`] = `
|
|
86
|
-
<div class="ais-InfiniteHits">
|
|
87
|
-
<button class="ais-InfiniteHits-loadPrevious">
|
|
88
|
-
Show previous results
|
|
89
|
-
</button>
|
|
90
|
-
<ol class="ais-InfiniteHits-list">
|
|
91
|
-
<li class="ais-InfiniteHits-item">
|
|
92
|
-
objectID: 00001, index: 0
|
|
93
|
-
</li>
|
|
94
|
-
<li class="ais-InfiniteHits-item">
|
|
95
|
-
objectID: 00002, index: 1
|
|
96
|
-
</li>
|
|
97
|
-
<li class="ais-InfiniteHits-item">
|
|
98
|
-
objectID: 00003, index: 2
|
|
99
|
-
</li>
|
|
100
|
-
<li class="ais-InfiniteHits-item">
|
|
101
|
-
objectID: 00004, index: 3
|
|
102
|
-
</li>
|
|
103
|
-
<li class="ais-InfiniteHits-item">
|
|
104
|
-
objectID: 00005, index: 4
|
|
105
|
-
</li>
|
|
106
|
-
</ol>
|
|
107
|
-
<button class="ais-InfiniteHits-loadMore">
|
|
108
|
-
Show more results
|
|
109
|
-
</button>
|
|
110
|
-
</div>
|
|
111
|
-
`;
|
|
112
|
-
|
|
113
3
|
exports[`renders correctly with a custom item rendering 1`] = `
|
|
114
4
|
<div class="ais-InfiniteHits">
|
|
115
5
|
<ol class="ais-InfiniteHits-list">
|
|
@@ -62,33 +62,6 @@ exports[`custom item slot renders correctly 1`] = `
|
|
|
62
62
|
</div>
|
|
63
63
|
`;
|
|
64
64
|
|
|
65
|
-
exports[`default render renders correctly 1`] = `
|
|
66
|
-
<div class="ais-MenuSelect">
|
|
67
|
-
<select class="ais-MenuSelect-select">
|
|
68
|
-
<option class="ais-MenuSelect-option"
|
|
69
|
-
value
|
|
70
|
-
>
|
|
71
|
-
See all
|
|
72
|
-
</option>
|
|
73
|
-
<option class="ais-MenuSelect-option"
|
|
74
|
-
value="Apple"
|
|
75
|
-
>
|
|
76
|
-
Apple (50)
|
|
77
|
-
</option>
|
|
78
|
-
<option class="ais-MenuSelect-option"
|
|
79
|
-
value="Samsung"
|
|
80
|
-
>
|
|
81
|
-
Samsung (20)
|
|
82
|
-
</option>
|
|
83
|
-
<option class="ais-MenuSelect-option"
|
|
84
|
-
value="Sony"
|
|
85
|
-
>
|
|
86
|
-
Sony (15)
|
|
87
|
-
</option>
|
|
88
|
-
</select>
|
|
89
|
-
</div>
|
|
90
|
-
`;
|
|
91
|
-
|
|
92
65
|
exports[`default render renders correctly with custom label 1`] = `
|
|
93
66
|
<div class="ais-MenuSelect">
|
|
94
67
|
<select class="ais-MenuSelect-select">
|
|
@@ -117,15 +90,3 @@ exports[`default render renders correctly with custom label 1`] = `
|
|
|
117
90
|
</select>
|
|
118
91
|
</div>
|
|
119
92
|
`;
|
|
120
|
-
|
|
121
|
-
exports[`default render renders correctly without refinements 1`] = `
|
|
122
|
-
<div class="ais-MenuSelect ais-MenuSelect--noRefinement">
|
|
123
|
-
<select class="ais-MenuSelect-select">
|
|
124
|
-
<option class="ais-MenuSelect-option"
|
|
125
|
-
value
|
|
126
|
-
>
|
|
127
|
-
See all
|
|
128
|
-
</option>
|
|
129
|
-
</select>
|
|
130
|
-
</div>
|
|
131
|
-
`;
|