test: add change event test for input-number

test/unit/specs/input-number.spec.js

@@ -1,5 +1,7 @@
 import { createVue, triggerEvent, triggerClick, destroyVM } from '../util';
 
+const DELAY = 1;
+
 describe('InputNumber', () => {
   let vm;
   afterEach(() => {
@@ -263,30 +265,51 @@ describe('InputNumber', () => {
       });
     });
   });
-  it('event:change', done => {
+  describe('event:change', () => {
+    let spy;
+
+    beforeEach(() => {
       vm = createVue({
         template: `
-        <el-input-number v-model="value" ref="input">
+          <el-input-number v-model="value" ref="compo" :min='2' :max='3' :step='1'>
           </el-input-number>
         `,
         data() {
           return {
-          value: 1.5
+            value: 2
           };
         }
       }, true);
+      spy = sinon.spy();
+      vm.$refs.compo.$on('change', spy);
+    });
 
-    let btnIncrease = vm.$el.querySelector('.el-input-number__increase');
+    it('emit on input', done => {
-    const spy = sinon.spy();
+      vm.$refs.compo.handleInput('3');
-
+      setTimeout(_ => {
-    vm.$refs.input.$on('change', spy);
+        expect(spy.calledOnce).to.be.true;
+        expect(spy.args[0][0]).to.equal(3);
+        done();
+      }, DELAY);
+    });
 
+    it('emit on button', done => {
+      const btnIncrease = vm.$el.querySelector('.el-input-number__increase');
       triggerEvent(btnIncrease, 'mousedown');
       triggerClick(document, 'mouseup');
-
+      setTimeout(_ => {
-    vm.$nextTick(_ => {
+        expect(spy.calledOnce).to.be.true;
-      expect(spy.withArgs(2.5, 1.5).calledOnce).to.be.true;
+        expect(spy.args[0][0]).to.equal(3);
         done();
+      }, DELAY);
+    });
+
+    it('does not emit on programatic change', done => {
+      vm.value = 3;
+      setTimeout(_ => {
+        expect(spy.notCalled).to.be.true;
+        done();
+      }, DELAY);
     });
   });
   it('event:focus & blur', done => {