simplify test config (#639)

test/specs/switch.spec.js

@@ -0,0 +1,98 @@
+import Switch from 'packages/switch';
+import VanLoading from 'packages/loading';
+import { mount } from 'avoriaz';
+
+describe('Switch', () => {
+  let wrapper;
+
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create on switch', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        value: true
+      }
+    });
+
+    expect(wrapper.hasClass('van-switch')).to.be.true;
+    expect(wrapper.hasClass('van-switch--on')).to.be.true;
+  });
+
+  it('create off switch', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        value: false
+      }
+    });
+
+    expect(wrapper.hasClass('van-switch')).to.be.true;
+    expect(wrapper.hasClass('van-switch--off')).to.be.true;
+  });
+
+  it('create loading switch', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        loading: true
+      }
+    });
+    const loading = wrapper.find(VanLoading)[0];
+
+    expect(wrapper.hasClass('van-switch')).to.be.true;
+    expect(loading.isVueComponent).to.be.true;
+  });
+
+  it('loading switch should be unclickable', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        loading: true,
+        value: true
+      }
+    });
+
+    expect(wrapper.hasClass('van-switch--on')).to.be.true;
+    wrapper.trigger('click');
+    expect(wrapper.hasClass('van-switch--on')).to.be.true;
+  });
+
+  it('create disabled switch', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        disabled: true
+      }
+    });
+
+    expect(wrapper.hasClass('van-switch')).to.be.true;
+    expect(wrapper.hasClass('van-switch--disabled')).to.be.true;
+  });
+
+  it('disabled switch should be unclickable', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        disabled: true,
+        value: false
+      }
+    });
+
+    expect(wrapper.hasClass('van-switch--off')).to.be.true;
+    wrapper.trigger('click');
+    expect(wrapper.hasClass('van-switch--off')).to.be.true;
+  });
+
+  it('click should toggle the switch', () => {
+    wrapper = mount(Switch, {
+      propsData: {
+        value: false
+      }
+    });
+
+    wrapper.vm.$on('input', val => {
+      wrapper.vm.value = val;
+    });
+
+    expect(wrapper.hasClass('van-switch--off')).to.be.true;
+    wrapper.trigger('click');
+    expect(wrapper.hasClass('van-switch--on')).to.be.true;
+  });
+});