File tree Expand file tree Collapse file tree 1 file changed +14
-1
lines changed Expand file tree Collapse file tree 1 file changed +14
-1
lines changed Original file line number Diff line number Diff 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} ) ;
You can’t perform that action at this time.
0 commit comments