fix: When the value is cleared externally, maskedValue is not cleared

coders-tm · Aug 31, 2023 · edce71c · edce71c
1 parent 2c168e3
commit edce71c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/component.vue b/src/component.vue
@@ -78,7 +78,7 @@ export default Vue.extend({
   data() {
     return {
       maskedValue: this.value,
-      unmaskedValue: '' as Input | undefined
+      unmaskedValue: this.value as Input | undefined
     }
   },
   computed: {

diff --git a/tests/component/component.spec.ts b/tests/component/component.spec.ts
@@ -11,6 +11,18 @@ describe('VueNumber', () => {
     expect(wrapper.contains('input')).toBe(true)
   })
 
+  test('When the value is cleared externally, maskedValue should also be cleared', async () => {
+    const wrapper = mount(VueNumber, {
+      propsData: {
+        value: '1234.536'
+      }
+    })
+
+    await wrapper.setProps({ value: '' })
+
+    expect(wrapper.vm.maskedValue).toBe('')
+  })
+
   test('should emit input event with the new maskedValue and unmaskedValue on input', async () => {
     const wrapper = mount(VueNumber, {
       propsData: {