Skip to content

Commit 7b8b9bd

Browse files
committed
restore spinner slot, add test
1 parent 9790b34 commit 7b8b9bd

File tree

2 files changed

+21
-1
lines changed

2 files changed

+21
-1
lines changed

src/components/InfiniteLoading.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
<template>
22
<div class="infinite-loading-container">
33
<div v-show="isLoading">
4-
<spinner :spinner="spinner" />
4+
<slot name="spinner">
5+
<spinner :spinner="spinner" />
6+
</slot>
57
</div>
68
<div class="infinite-status-prompt" v-show="isNoResults">
79
<slot name="no-results">No results :(</slot>

test/unit/specs/InfiniteLoading.spec.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -345,6 +345,24 @@ describe('vue-infinite-loading', () => {
345345
vm.$mount('#app');
346346
});
347347

348+
it('should interpolate custom spinner slot', (done) => {
349+
vm = new Vue(Object.assign({}, basicConfig, {
350+
mounted: function mounted() {
351+
expect(this.$el.querySelector('.icon-spinner')).to.be.not.null;
352+
done();
353+
},
354+
template: `
355+
<infinite-loading>
356+
<div slot="spinner">
357+
<i class="icon-spinner"></i>
358+
</div>
359+
</infinite-loading>
360+
`,
361+
}));
362+
363+
vm.$mount('#app');
364+
});
365+
348366
it('should support hide load result through blank slots', (done) => {
349367
let calledTimes = 0;
350368

0 commit comments

Comments
 (0)