test: add test case for default spinner component feature

Author: PeachScript

test/unit/specs/InfiniteLoading.spec.js

@@ -256,7 +256,7 @@ describe('vue-infinite-loading:component', () => {
           list: [],
           isDivScroll: true,
           direction: 'top',
-          spinner: 'default',
+          spinner: 'unknown',
         };
       },
       methods: {
@@ -654,4 +654,32 @@ describe('vue-infinite-loading:component', () => {
 
     vm.$mount('#app');
   });
+
+  it('should support use a component as the default spinner', (done) => {
+    const spinnerId = 'custom-spinner';
+    const originalSpinner = config.props.spinner;
+
+    // override default spinner and slot
+    config.props.spinner = { template: `<div id="${spinnerId}">Loading...</div>` };
+
+    vm = new Vue(Object.assign({}, basicConfig, {
+      template: `
+        <infinite-loading
+          @infinite="infiniteHandler">
+        </infinite-loading>
+      `,
+      methods: {
+        infiniteHandler: function infiniteHandler() {
+          // assert custom spinner
+          expect(this.$el.querySelector(`#${spinnerId}`)).to.be.not.null;
+
+          // restore config
+          config.props.spinner = originalSpinner;
+          done();
+        },
+      },
+    }));
+
+    vm.$mount('#app');
+  });
 });