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', () => {
18
18
distance : 50 ,
19
19
isLoadedAll : false ,
20
20
isDivScroll : true ,
21
+ isCustomSpinner : false ,
21
22
} ,
22
23
template : `
23
24
<div style="height: 100px;"
@@ -29,7 +30,9 @@ describe('InfiniteLoading.vue', () => {
29
30
</ul>
30
31
<infinite-loading :distance="distance"
31
32
: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>
33
36
</div>
34
37
` ,
35
38
components : { InfiniteLoading } ,
@@ -133,4 +136,14 @@ describe('InfiniteLoading.vue', () => {
133
136
134
137
vm . $mount ( ) . $appendTo ( 'body' ) ;
135
138
} ) ;
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
+ } ) ;
136
149
} ) ;
You can’t perform that action at this time.
0 commit comments