From e239b9937def76eb81eddeae50a4abd1f262283a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=95=8F?= <cookfront@gmail.com>
Date: Wed, 26 Apr 2017 17:06:02 +0800
Subject: [PATCH] unit test: picker (#20)

* pick unit test
---
 packages/popup/src/popup.vue   |  1 -
 test/unit/specs/field.spec.js  | 12 ++++++++++++
 test/unit/specs/pciker.spec.js | 20 ++++++++++----------
 test/unit/specs/switch.spec.js |  4 ++--
 4 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/packages/popup/src/popup.vue b/packages/popup/src/popup.vue
index 0cc7d6ddf..a8ae28861 100644
--- a/packages/popup/src/popup.vue
+++ b/packages/popup/src/popup.vue
@@ -8,7 +8,6 @@
 
 <script>
 import Popup from 'src/mixins/popup';
-
 export default {
   name: 'van-popup',
 
diff --git a/test/unit/specs/field.spec.js b/test/unit/specs/field.spec.js
index 342678d1c..a3136acee 100644
--- a/test/unit/specs/field.spec.js
+++ b/test/unit/specs/field.spec.js
@@ -18,6 +18,18 @@ describe('Field', () => {
     expect(wrapper.hasClass('van-field')).to.be.true;
   });
 
+  it('create a border field', () => {
+    wrapper = mount(Field, {
+      propsData: {
+        type: 'text',
+        border: true
+      }
+    });
+
+    expect(wrapper.hasClass('van-field')).to.be.true;
+    expect(wrapper.hasClass('van-field--border')).to.be.true;
+  });
+
   it('create a text field with initialize value', (done) => {
     wrapper = mount(Field, {
       propsData: {
diff --git a/test/unit/specs/pciker.spec.js b/test/unit/specs/pciker.spec.js
index 95e959525..a229a9599 100644
--- a/test/unit/specs/pciker.spec.js
+++ b/test/unit/specs/pciker.spec.js
@@ -2,6 +2,8 @@ import Picker from 'packages/picker';
 import PickerColumn from 'packages/picker/src/picker-column';
 import { mount } from 'avoriaz';
 
+const itemHeight = 44;
+
 const pickerColumns = [
   {
     values: ['vip', 'normal'],
@@ -163,6 +165,9 @@ describe('PickerColumn', () => {
 
     expect(wrapper.hasClass('van-picker-column')).to.be.true;
     expect(wrapper.vm.values.length).to.equal(0);
+    expect(wrapper.vm.visibleContentHeight).to.equal(itemHeight * 5);
+    expect(wrapper.vm.dragRange[0]).to.equal(3 * itemHeight);
+    expect(wrapper.vm.dragRange[1]).to.equal(2 * itemHeight);
   });
 
   it('change picker-column values', (done) => {
@@ -180,20 +185,15 @@ describe('PickerColumn', () => {
     });
   });
 
-  it('create a picker with values', (done) => {
+  it('create a picker test translate', () => {
     wrapper = mount(PickerColumn, {
       propsData: {
-        values: [1, 2]
+        values: [1, 2, 3, 4, 5]
       }
     });
 
-    expect(wrapper.vm.values.length).to.equal(2);
-    wrapper.vm.currentValues = [2, 3];
-    wrapper.update();
-    wrapper.vm.$nextTick(() => {
-      expect(wrapper.vm.values.length).to.equal(2);
-      expect(wrapper.vm.currentValue).to.equal(2);
-      done();
-    });
+    expect(wrapper.vm.values.length).to.equal(5);
+    expect(wrapper.vm.value2Translate(2)).to.equal((1- Math.floor(5 / 2)) * (-itemHeight));
+    expect(wrapper.vm.translate2Value(0)).to.equal(3);
   });
 });
diff --git a/test/unit/specs/switch.spec.js b/test/unit/specs/switch.spec.js
index 6dacf6900..58fafbbf3 100644
--- a/test/unit/specs/switch.spec.js
+++ b/test/unit/specs/switch.spec.js
@@ -1,6 +1,6 @@
 import Switch from 'packages/switch';
 import Vue from 'vue';
-import ZanLoading from 'packages/loading';
+import VanLoading from 'packages/loading';
 import { mount } from 'avoriaz';
 
 describe('Switch', () => {
@@ -38,7 +38,7 @@ describe('Switch', () => {
         loading: true
       }
     });
-    const loading = wrapper.find(ZanLoading)[0];
+    const loading = wrapper.find(VanLoading)[0];
 
     expect(wrapper.hasClass('van-switch')).to.be.true;
     expect(loading.isVueComponent).to.be.true;