feat: add tests

test/unit/specs/actionsheet.spec.js

@@ -1,16 +1,17 @@
-import { createVue } from '../creater';
 import ActionSheet from 'packages/actionsheet';
+import { mount } from 'avoriaz';
 
 describe('ActionSheet', () => {
-  let vm;
+  let wrapper;
   afterEach(() => {
-    vm && vm.destroy();
+    wrapper && wrapper.destroy();
   });
 
   it('create', () => {
-    vm = createVue(ActionSheet);
-    vm.mount();
+    wrapper = mount(ActionSheet, {
+      propsData: {}
+    });
 
-    expect(vm.el.classList.contains('zan-actionsheet')).to.true;
+    expect(wrapper.hasClass('zan-actionsheet')).to.be.true;
   });
 });

test/unit/specs/card.spec.js

@@ -1,20 +1,19 @@
-import { createVue } from '../creater';
 import Card from 'packages/card';
+import { mount } from 'avoriaz';
 
 describe('Card', () => {
-  let vm;
+  let wrapper;
   afterEach(() => {
-    vm && vm.destroy();
+    wrapper && wrapper.destroy();
   });
 
   it('create', () => {
-    vm = createVue(Card, {
-      title: 'card',
-      desc: 'card',
-      thumb: 'https://img.yzcdn.cn/upload_files/2017/02/17/FnDwvwHmU-OiqsbjAO5X7wh1KWrR.jpg!100x100.jpg'
+    wrapper = mount(Card, {
+      propsData: {
+        thumb: 'thumb'
+      }
     });
-    vm.mount();
 
-    expect(vm.el.classList.contains('zan-card')).to.true;
+    expect(wrapper.hasClass('zan-card')).to.be.true;
   });
 });

test/unit/specs/cell.spec.js

@@ -1,16 +1,17 @@
-import { createVue } from '../creater';
 import CellGroup from 'packages/cell-group';
+import { mount } from 'avoriaz';
 
-describe('Cell', () => {
-  let vm;
+describe('CellGroup', () => {
+  let wrapper;
   afterEach(() => {
-    vm && vm.destroy();
+    wrapper && wrapper.destroy();
   });
 
-  it('cell group create', () => {
-    vm = createVue(CellGroup);
-    vm.mount();
+  it('create', () => {
+    wrapper = mount(CellGroup, {
+      propsData: {}
+    });
 
-    expect(vm.el.classList.contains('zan-cell-group')).to.true;
+    expect(wrapper.hasClass('zan-cell-group')).to.be.true;
   });
 });

test/unit/specs/checkbox.spec.js

@@ -1,16 +1,17 @@
-import { createVue } from '../creater';
 import Checkbox from 'packages/checkbox';
+import { mount } from 'avoriaz';
 
 describe('Checkbox', () => {
-  let vm;
+  let wrapper;
   afterEach(() => {
-    vm && vm.destroy();
+    wrapper && wrapper.destroy();
   });
 
   it('create', () => {
-    vm = createVue(Checkbox);
-    vm.mount();
+    wrapper = mount(Checkbox, {
+      propsData: {}
+    });
 
-    expect(vm.el.classList.contains('zan-checkbox')).to.true;
+    expect(wrapper.hasClass('zan-checkbox')).to.be.true;
   });
 });

test/unit/specs/field.spec.js

@@ -1,16 +1,17 @@
-import { createVue } from '../creater';
 import Field from 'packages/field';
+import { mount } from 'avoriaz';
 
 describe('Field', () => {
-  let vm;
+  let wrapper;
   afterEach(() => {
-    vm && vm.destroy();
+    wrapper && wrapper.destroy();
   });
 
   it('create', () => {
-    vm = createVue(Field);
-    vm.mount();
+    wrapper = mount(Field, {
+      propsData: {}
+    });
 
-    expect(vm.el.classList.contains('zan-field')).to.true;
+    expect(wrapper.hasClass('zan-field')).to.be.true;
   });
 });

test/unit/specs/loading.spec.js

@@ -0,0 +1,67 @@
+import Loading from 'packages/loading';
+import { mount } from 'avoriaz';
+
+describe('Loading', () => {
+  let wrapper;
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create default', () => {
+    wrapper = mount(Loading);
+
+    expect(wrapper.hasClass('zan-loading')).to.be.true;
+  });
+
+  it('create gradient-circle black', () => {
+    wrapper = mount(Loading, {
+      propsData: {
+        type: 'gradient-circle',
+        color: 'black'
+      }
+    });
+    const spinner = wrapper.find('.zan-loading__spinner')[0];
+
+    expect(spinner.hasClass('zan-loading__spinner--gradient-circle')).to.be.true;
+    expect(spinner.hasClass('zan-loading__spinner--black')).to.be.true;
+  });
+
+  it('create gradient-circle white', () => {
+    wrapper = mount(Loading, {
+      propsData: {
+        type: 'gradient-circle',
+        color: 'white'
+      }
+    });
+    const spinner = wrapper.find('.zan-loading__spinner')[0];
+
+    expect(spinner.hasClass('zan-loading__spinner--gradient-circle')).to.be.true;
+    expect(spinner.hasClass('zan-loading__spinner--white')).to.be.true;
+  });
+
+  it('create circle black', () => {
+    wrapper = mount(Loading, {
+      propsData: {
+        type: 'circle',
+        color: 'black'
+      }
+    });
+    const spinner = wrapper.find('.zan-loading__spinner')[0];
+
+    expect(spinner.hasClass('zan-loading__spinner--circle')).to.be.true;
+    expect(spinner.hasClass('zan-loading__spinner--black')).to.be.true;
+  });
+
+  it('create circle white', () => {
+    wrapper = mount(Loading, {
+      propsData: {
+        type: 'circle',
+        color: 'white'
+      }
+    });
+    const spinner = wrapper.find('.zan-loading__spinner')[0];
+
+    expect(spinner.hasClass('zan-loading__spinner--circle')).to.be.true;
+    expect(spinner.hasClass('zan-loading__spinner--white')).to.be.true;
+  });
+});