From 36250e579410678b0b09f570083dc4cd859a2bfa Mon Sep 17 00:00:00 2001
From: cookfront <cookfront@gmail.com>
Date: Tue, 18 Apr 2017 15:22:52 +0800
Subject: [PATCH] field test

---
 test/unit/specs/field.spec.js | 44 +++++++++++++++++++++++++++++++----
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/test/unit/specs/field.spec.js b/test/unit/specs/field.spec.js
index 2c6342f3f..a41a2f2fc 100644
--- a/test/unit/specs/field.spec.js
+++ b/test/unit/specs/field.spec.js
@@ -40,14 +40,16 @@ describe('Field', () => {
     });
   });
 
-  it('input some value to filed', (done) => {
+  it('focus on input', (done) => {
     wrapper = mount(Field, {
-      propsData: {}
+      propsData: {
+        value: ''
+      }
     });
 
     const eventStub = sinon.stub(wrapper.vm, '$emit');
     const input = wrapper.find('.zan-field__control')[0];
-    input.element.focus();
+    input.simulate('focus');
 
     wrapper.update();
     wrapper.vm.$nextTick(() => {
@@ -56,6 +58,25 @@ describe('Field', () => {
     });
   });
 
+  it('input something to field', (done) => {
+    wrapper = mount(Field, {
+      propsData: {
+        value: ''
+      }
+    });
+
+    const input = wrapper.find('.zan-field__control')[0];
+
+    input.element.value = 'test';
+    input.simulate('input');
+
+    wrapper.update();
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper.data().currentValue).to.equal('test');
+      done();
+    });
+  });
+
   it('create a textarea field', () => {
     wrapper = mount(Field, {
       propsData: {
@@ -68,7 +89,7 @@ describe('Field', () => {
     expect(wrapper.hasClass('zan-field--hastextarea')).to.be.true;
   });
 
-  it('create a autosize textarea field', () => {
+  it('create a autosize textarea field', (done) => {
     wrapper = mount(Field, {
       propsData: {
         type: 'textarea',
@@ -78,5 +99,20 @@ describe('Field', () => {
 
     expect(wrapper.hasClass('zan-field')).to.be.true;
     expect(wrapper.hasClass('zan-field--autosize')).to.be.true;
+
+    const textarea = wrapper.find('.zan-field__control')[0];
+    const textareaElement = textarea.element;
+    const textAreaDiff = (parseInt(textareaElement.style.paddingBottom, 10) +
+          parseInt(textareaElement.style.paddingTop, 10)) || 0;
+
+    textareaElement.value = 'test';
+    textarea.simulate('input');
+
+    wrapper.update();
+    wrapper.vm.$nextTick(() => {
+      expect(wrapper.data().currentValue).to.equal('test');
+      expect(textareaElement.style.height).to.equal((textareaElement.scrollHeight - textAreaDiff) + 'px');
+      done();
+    });
   });
 });