simplify test config (#639)

test/specs/radio.spec.js

@@ -0,0 +1,139 @@
+import { mount } from 'avoriaz';
+import Radio from 'packages/radio';
+import RadioTestComponent from '../components/radio';
+
+describe('RadioGroup', () => {
+  let wrapper;
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create a radio-group', () => {
+    wrapper = mount(RadioTestComponent);
+
+    expect(wrapper.hasClass('van-radio-group')).to.be.true;
+
+    expect(wrapper.vNode.child.value).to.equal('1');
+    expect(wrapper.vNode.child.disabled).to.be.false;
+  });
+
+  it('emit a change event', (done) => {
+    wrapper = mount(RadioTestComponent);
+
+    expect(wrapper.vNode.child.value).to.equal('1');
+    const eventStub = sinon.stub(wrapper.vNode.child, '$emit');
+
+    wrapper.setData({
+      'radio': '2'
+    });
+    wrapper.update();
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper.vNode.child.value).to.equal('2');
+      expect(eventStub.calledOnce).to.be.true;
+      expect(eventStub.calledWith('change'));
+      done();
+    });
+  });
+
+  it('click on unchecked radio', (done) => {
+    wrapper = mount(RadioTestComponent);
+
+    const eventStub = sinon.stub(wrapper.vNode.child, '$emit');
+
+    const uncheckedRadioLabel = wrapper.find('.van-radio')[1].find('.van-radio__label')[0];
+    uncheckedRadioLabel.trigger('click');
+
+    wrapper.update();
+    wrapper.vm.$nextTick(() => {
+      expect(eventStub.calledOnce).to.be.true;
+      expect(eventStub.calledWith('input'));
+      done();
+    });
+  });
+});
+
+describe('Radio', () => {
+  let wrapper;
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create a radio', () => {
+    wrapper = mount(Radio, {
+      propsData: {
+        value: '1',
+        name: '1',
+        disabled: false
+      }
+    });
+
+    expect(wrapper.hasClass('van-radio')).to.be.true;
+    expect(wrapper.hasClass('van-radio--disabled')).to.be.false;
+    expect(wrapper.instance().currentValue).to.equal('1');
+    expect(wrapper.instance().isDisabled).to.be.false;
+  });
+
+  it('click on a radio', (done) => {
+    wrapper = mount(Radio, {
+      propsData: {
+        value: '1',
+        name: '1',
+        disabled: false
+      }
+    });
+
+    expect(wrapper.hasClass('van-radio')).to.be.true;
+    const eventStub = sinon.stub(wrapper.vm, '$emit');
+
+    wrapper.trigger('click');
+    wrapper.update();
+    wrapper.vm.$nextTick(() => {
+      expect(eventStub.calledOnce).to.be.true;
+      expect(eventStub.calledWith('click'));
+      done();
+    });
+  });
+
+  it('click on a radio label', (done) => {
+    wrapper = mount(Radio, {
+      propsData: {
+        value: '1',
+        name: '1',
+        disabled: false
+      }
+    });
+
+    expect(wrapper.hasClass('van-radio')).to.be.true;
+    const eventStub = sinon.stub(wrapper.vm, '$emit');
+
+    const checkboxLabel = wrapper.find('.van-radio__label')[0];
+    checkboxLabel.trigger('click');
+
+    wrapper.update();
+    wrapper.vm.$nextTick(() => {
+      expect(eventStub.calledOnce).to.be.true;
+      expect(eventStub.calledWith('input'));
+      done();
+    });
+  });
+
+  it('click on a disabled radio', () => {
+    wrapper = mount(Radio, {
+      propsData: {
+        value: '1',
+        name: '2',
+        disabled: true
+      }
+    });
+
+    expect(wrapper.hasClass('van-radio')).to.be.true;
+    expect(wrapper.hasClass('van-radio--disabled')).to.be.true;
+    expect(wrapper.instance().currentValue).to.equal('1');
+    expect(wrapper.instance().isDisabled).to.be.true;
+
+    const checkboxLabel = wrapper.find('.van-radio__label')[0];
+    checkboxLabel.trigger('click');
+
+    expect(wrapper.instance().currentValue).to.equal('1');
+  });
+});