unit test

test/unit/specs/switch.spec.js

@@ -0,0 +1,83 @@
+import Switch from 'packages/switch';
+import { createVue } from '../creater';
+
+describe('Switch', () => {
+  let vm;
+  afterEach(() => {
+    vm && vm.destroy();
+  });
+
+  it('create', () => {
+    vm = createVue(Switch, {
+      checked: true
+    });
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-switch')).to.true;
+    expect(vm.el.classList.contains('is-on')).to.true;
+  });
+
+  it('create off switch', () => {
+    vm = createVue(Switch, {
+      checked: false
+    });
+    vm.mount();
+
+    expect(vm.el.classList.contains('zan-switch')).to.true;
+  });
+
+  it('switch click default', done => {
+    vm = createVue({
+      data() {
+        return {
+          checked: false
+        };
+      },
+      components: {
+        'zan-switch': Switch
+      },
+      template: `
+        <zan-switch :checked="checked"></zan-switch>
+      `
+    });
+    vm.mount();
+    expect(vm.el.classList.contains('zan-switch')).to.true;
+    expect(vm.el.classList.contains('is-off')).to.true;
+    vm.el.click();
+
+    setTimeout(() => {
+      expect(vm.el.classList.contains('is-off')).to.true;
+      done();
+    });
+  });
+
+  it('switch click', done => {
+    vm = createVue({
+      data() {
+        return {
+          checked: false
+        };
+      },
+      components: {
+        'zan-switch': Switch
+      },
+      template: `
+        <zan-switch :checked="checked" :onChange="handleClick"></zan-switch>
+      `,
+      methods: {
+        handleClick(e) {
+          this.checked = !this.checked;
+        }
+      }
+    });
+    vm.mount();
+    expect(vm.el.classList.contains('zan-switch')).to.true;
+    expect(vm.el.classList.contains('is-off')).to.true;
+    vm.el.click();
+
+    setTimeout(() => {
+      expect(vm.el.classList.contains('is-on')).to.true;
+      done();
+    });
+  });
+});