From 492bb9d9d4cc39148eedd8756fa61e47f8145937 Mon Sep 17 00:00:00 2001
From: Rodionov Maxim <m.rodionov@corp.mail.ru>
Date: Fri, 22 May 2020 02:16:49 +0300
Subject: [PATCH] Test and lint for emit change event

---
 src/vue-numeric.vue            | 16 ++++++++++++----
 test/specs/vue-numeric.spec.js |  6 ++++++
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/vue-numeric.vue b/src/vue-numeric.vue
index 31a0688..e1f3f32 100644
--- a/src/vue-numeric.vue
+++ b/src/vue-numeric.vue
@@ -1,13 +1,14 @@
 <template>
   <input
+    v-if="!readOnly"
+    ref="numeric"
     :placeholder="placeholder"
+    v-model="amount"
+    type="tel"
     @blur="onBlurHandler"
     @input="onInputHandler"
     @focus="onFocusHandler"
-    ref="numeric"
-    type="tel"
-    v-model="amount"
-    v-if="!readOnly"
+    @change="onChangeHandler"
   >
   <span
     v-else
@@ -283,6 +284,13 @@ export default {
   },
 
   methods: {
+    /**
+     * Handle change event.
+     * @param {Object} e
+     */
+    onChangeHandler (e) {
+      this.$emit('change', e)
+    },
     /**
      * Handle blur event.
      * @param {Object} e
diff --git a/test/specs/vue-numeric.spec.js b/test/specs/vue-numeric.spec.js
index beb30cc..be1c145 100644
--- a/test/specs/vue-numeric.spec.js
+++ b/test/specs/vue-numeric.spec.js
@@ -285,4 +285,10 @@ describe('vue-numeric.vue', () => {
     })
     expect(wrapper.data().amount).to.equal('1 000,94')
   })
+  it('emit change event', () => {
+    const process = sinon.stub()
+    const wrapper = mount(VueNumeric, { propsData: { value: 2000 }, methods: { process }})
+    wrapper.trigger('change')
+    expect(process.called).to.equal(true)
+  })
 })