Test and lint for emit change event (#94)

Co-authored-by: Rodionov Maxim <m.rodionov@corp.mail.ru>
kevinongko · Mar 19, 2021 · 5a6e946 · 5a6e946
1 parent dcf4e98
commit 5a6e946
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git 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
@@ -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)
+  })
 })