simplify test config (#639)

test/specs/area.spec.js

@@ -0,0 +1,153 @@
+import Area from 'packages/area';
+import { mount } from 'avoriaz';
+import areaList from '../../docs/demos/mock/area.json';
+
+describe('Area', () => {
+  let wrapper;
+  afterEach(() => {
+    wrapper && wrapper.destroy();
+  });
+
+  it('create an area', () => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList
+      }
+    });
+
+    expect(wrapper.hasClass('van-area')).to.be.true;
+  });
+
+  it('create an area with default value', done => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList,
+        value: '110101'
+      }
+    });
+
+    const confirmBtn = wrapper.find('.van-picker__confirm')[0];
+    const eventStub = sinon.stub(wrapper.vm, '$emit');
+
+    confirmBtn.trigger('click');
+    wrapper.vm.$nextTick(() => {
+      expect(eventStub.calledOnce).to.be.true;
+      expect(eventStub.calledWith('confirm'));
+      expect(wrapper.vm.$refs.picker.getColumnValue(2).code).to.equal('110101');
+      done();
+    });
+  });
+
+  it('create an area and set value', done => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList,
+        value: '110101'
+      }
+    });
+
+    setTimeout(() => {
+      expect(wrapper.vm.$refs.picker.getColumnValue(2).code).to.equal('110101');
+      wrapper.setProps({
+        value: '110102'
+      });
+
+      setTimeout(() => {
+        expect(wrapper.vm.$refs.picker.getColumnValue(2).code).to.equal('110102');
+        done();
+      }, 50);
+    }, 50);
+  });
+
+  it('create an area with invalid areaList', () => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: null
+      }
+    });
+
+    expect(wrapper.vm.columns.length).to.equal(0);
+  });
+
+  it('create an area with columnsNum equal 2', () => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList,
+        columnsNum: 2
+      }
+    });
+
+    expect(wrapper.vm.columns.length).to.equal(2);
+  });
+
+  it('create an area with columnsNum equal 1', () => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList,
+        columnsNum: 1
+      }
+    });
+
+    expect(wrapper.vm.columns.length).to.equal(1);
+  });
+
+  it('create an area and click cancel', done => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList
+      }
+    });
+
+    const cancelBtn = wrapper.find('.van-picker__cancel')[0];
+    const eventStub = sinon.stub(wrapper.vm, '$emit');
+
+    cancelBtn.trigger('click');
+    wrapper.vm.$nextTick(() => {
+      expect(eventStub.calledOnce).to.be.true;
+      expect(eventStub.calledWith('cancel'));
+      done();
+    });
+  });
+
+  it('onChange method', () => {
+    wrapper = mount(Area, {
+      propsData: {
+        areaList: areaList
+      }
+    });
+
+    let list = [];
+    const setColumnValues = (index, arr) => {
+      list = [...list, ...arr];
+    };
+    const code = { code: '110101' };
+
+    wrapper.vm.onChange({ setColumnValues }, [code], 0);
+    wrapper.vm.onChange({ setColumnValues }, [code, code], 1);
+
+    expect(list.length).to.equal(33);
+  });
+
+  it('getValues method', done => {
+    wrapper = mount(Area, {
+      propsData: {
+        value: '110101',
+        areaList: areaList
+      }
+    });
+
+    setTimeout(() => {
+      expect(wrapper.vm.getValues()).to.eql([
+        { code: '110000', name: '北京市' },
+        { code: '110100', name: '北京市' },
+        { code: '110101', name: '东城区' }
+      ]);
+
+      setTimeout(() => {
+        wrapper.vm.$refs = [];
+        expect(wrapper.vm.getValues()).to.eql([]);
+        done();
+      }, 50);
+    }, 50);
+  });
+});