Skip to content

Commit 3a30d7e

Browse files
committed
Add unit test for spinner slot
1 parent a2b0199 commit 3a30d7e

File tree

1 file changed

+14
-1
lines changed

1 file changed

+14
-1
lines changed

test/unit/specs/InfiniteLoading.spec.js

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ describe('InfiniteLoading.vue', () => {
1818
distance: 50,
1919
isLoadedAll: false,
2020
isDivScroll: true,
21+
isCustomSpinner: false,
2122
},
2223
template: `
2324
<div style="height: 100px;"
@@ -29,7 +30,9 @@ describe('InfiniteLoading.vue', () => {
2930
</ul>
3031
<infinite-loading :distance="distance"
3132
:on-infinite="onInfinite"
32-
v-if="!isLoadedAll"></infinite-loading>
33+
v-if="!isLoadedAll">
34+
<span slot="spinner" v-if="isCustomSpinner"><i class="custom-spinner"></i></span>
35+
</infinite-loading>
3336
</div>
3437
`,
3538
components: { InfiniteLoading },
@@ -133,4 +136,14 @@ describe('InfiniteLoading.vue', () => {
133136

134137
vm.$mount().$appendTo('body');
135138
});
139+
140+
it('should display the custom spinner if customize it with slot', () => {
141+
vm.isCustomSpinner = true;
142+
vm.isDivScroll = false;
143+
vm.distance = undefined;
144+
145+
vm.$mount().$appendTo('body');
146+
147+
expect(vm.$el.querySelector('.custom-spinner')).to.be.ok;
148+
});
136149
});

0 commit comments

Comments
 (0)