test: add unit tests for the plugin install feature

Author: PeachScript

test/unit/index.js

@@ -1,4 +1,6 @@
-// mock passive event listener support and upsupport
+import Vue from 'vue/dist/vue.common';
+
+// mock passive event listener support and not support
 (() => {
   const originAddListener = window.addEventListener;
   let flag;
@@ -12,8 +14,14 @@
   };
 })();
 
+// disable Vue production tip
+Vue.config.productionTip = false;
+
+// setup global Vue manually
+window.Vue = Vue;
+
 const testsContext = require.context('./specs', true, /\.spec$/);
 testsContext.keys().forEach(testsContext);
 
-const srcContext = require.context('../../src', true, /^\/(?!index(\.js)?$)/);
+const srcContext = require.context('../../src', true, /\.js$/);
 srcContext.keys().forEach(srcContext);

test/unit/specs/InfiniteLoading.spec.js

@@ -3,8 +3,6 @@
 import Vue from 'vue/dist/vue.common';
 import InfiniteLoading from '../../../src/components/InfiniteLoading.vue';
 
-Vue.config.productionTip = false;
-
 /**
  * check display status for a specific element
  * @param  {DOM}      elm
@@ -31,7 +29,7 @@ function continuesCall(fn, times, cb) {
   }
 }
 
-describe('vue-infinite-loading', () => {
+describe('vue-infinite-loading:component', () => {
   let vm; // save Vue model
   const basicConfig = {
     data: {
@@ -275,7 +273,7 @@ describe('vue-infinite-loading', () => {
           list: [],
           isDivScroll: true,
           direction: 'top',
-          spinner: 'unknown',
+          spinner: 'default',
         };
       },
       methods: {
@@ -473,7 +471,7 @@ describe('vue-infinite-loading', () => {
                 :direction="direction"
                 @infinite="infiniteHandler"
                 ref="infiniteLoading"
-                force-use-infinite-wrapper
+                force-use-infinite-wrapper="true"
                 >
               </infinite-loading>
             </div>

test/unit/specs/index.spec.js

@@ -0,0 +1,38 @@
+import Vue from 'vue/dist/vue.common';
+import InfiniteLoading from '../../../src';
+import config from '../../../src/config';
+
+describe('vue-infinite-loading:index', () => {
+  const options = {
+    props: { distance: 200 },
+  };
+
+  function getRunningModeFromVue() {
+    return Vue.config.productionTip ? 'development' : 'production';
+  }
+
+  afterEach(() => {
+    // clear component
+    delete Vue.options.components['infinite-loading'];
+  });
+
+  it('should register component automatically if there has global Vue', () => {
+    expect(Vue.options.components['infinite-loading']).to.not.be.undefined;
+  });
+
+  it('should register component, sync app running mode from Vue, and override config when using the plugin install API', () => {
+    // assert before install
+    expect(config.mode).to.equal(getRunningModeFromVue());
+    expect(config.props.distance).to.not.equal(options.props.distance);
+
+    // change running mode for Vue
+    Vue.config.productionTip = true;
+
+    // install plugin
+    Vue.use(InfiniteLoading, options);
+
+    // assert after install
+    expect(config.props.distance).to.equal(options.props.distance);
+    expect(config.mode).to.equal(getRunningModeFromVue());
+  });
+});