updated test unit

Author: dipaksarkar

tests/component/component.custom.spec.ts

@@ -14,10 +14,12 @@ describe('VueNumber custom config', () => {
     })
 
     const input = wrapper.find('input')
+    expect(input.element.value).toBe('Rs.123.456,89%')
 
+    input.element.value = 123456.893
     await input.trigger('input')
     expect(wrapper.vm.unmaskedValue).toBe('123456.89')
-    expect(wrapper.vm.maskedValue).toBe('Rs.123.456,89%')
+    expect(wrapper.vm.maskedValue).toBe('Rs.123.456,893%')
 
     await input.trigger('blur')
     expect(wrapper.vm.unmaskedValue).toBe('123456.89')

tests/component/component.minimumFractionDigits.spec.ts

@@ -11,22 +11,24 @@ describe('VueNumber with minimum fraction digits', () => {
     })
 
     const input = wrapper.find('input')
+    expect(input.element.value).toBe('123,456.89')
 
+    input.element.value = '123456.893'
     await input.trigger('input')
     expect(wrapper.vm.unmaskedValue).toBe('123456.89')
-    expect(wrapper.vm.maskedValue).toBe('123,456.89')
+    expect(wrapper.vm.maskedValue).toBe('123,456.893')
 
     await input.trigger('blur')
     expect(wrapper.vm.unmaskedValue).toBe('123456.89')
     expect(wrapper.vm.maskedValue).toBe('123,456.89')
 
-    input.element.value = '1234.5'
+    input.element.value = '1234.509'
     await input.trigger('input')
-    expect(wrapper.vm.unmaskedValue).toBe('1234.5')
-    expect(wrapper.vm.maskedValue).toBe('1,234.5')
+    expect(wrapper.vm.unmaskedValue).toBe('1234.51')
+    expect(wrapper.vm.maskedValue).toBe('1,234.509')
 
     await input.trigger('blur')
-    expect(wrapper.vm.unmaskedValue).toBe('1234.5')
-    expect(wrapper.vm.maskedValue).toBe('1,234.50')
+    expect(wrapper.vm.unmaskedValue).toBe('1234.51')
+    expect(wrapper.vm.maskedValue).toBe('1,234.51')
   })
 })

tests/component/component.range.spec.ts

@@ -5,31 +5,29 @@ describe('VueNumber within range', () => {
   test('should emit input event with the new maskedValue and unmaskedValue on input', async () => {
     const wrapper = mount(VueNumber, {
       propsData: {
-        value: 1.893,
+        value: 1234.893,
         min: 0,
-        max: 50
+        max: 2000
       }
     })
 
     const input = wrapper.find('input')
+    expect(input.element.value).toBe('1,234.89')
 
+    input.element.value = 1238.893
+    await input.trigger('input')
     await input.trigger('blur')
-    expect(wrapper.vm.unmaskedValue).toBe('1.89')
-    expect(wrapper.vm.maskedValue).toBe('1.89')
+    expect(wrapper.vm.unmaskedValue).toBe('1238.89')
+    expect(wrapper.vm.maskedValue).toBe('1,238.89')
 
     input.element.value = '1234.568'
     await input.trigger('blur')
-    expect(wrapper.vm.unmaskedValue).toBe('50')
-    expect(wrapper.vm.maskedValue).toBe('50')
+    expect(wrapper.vm.unmaskedValue).toBe('1234.57')
+    expect(wrapper.vm.maskedValue).toBe('1,234.57')
 
     input.element.value = '-1234.568'
     await input.trigger('blur')
     expect(wrapper.vm.unmaskedValue).toBe('0')
     expect(wrapper.vm.maskedValue).toBe('0')
-
-    input.element.value = '12.568'
-    await input.trigger('blur')
-    expect(wrapper.vm.unmaskedValue).toBe('12.57')
-    expect(wrapper.vm.maskedValue).toBe('12.57')
   })
 })

tests/component/component.reverseFill.spec.ts

@@ -11,14 +11,16 @@ describe('VueNumber reverse fill', () => {
     })
 
     const input = wrapper.find('input')
+    expect(input.element.value).toBe('123,456.89')
 
+    input.element.value = 123456.893
     await input.trigger('input')
-    expect(wrapper.vm.unmaskedValue).toBe('123456.89')
-    expect(wrapper.vm.maskedValue).toBe('123,456.89')
+    expect(wrapper.vm.unmaskedValue).toBe('1234568.93')
+    expect(wrapper.vm.maskedValue).toBe('1,234,568.93')
 
     await input.trigger('blur')
-    expect(wrapper.vm.unmaskedValue).toBe('123456.89')
-    expect(wrapper.vm.maskedValue).toBe('123,456.89')
+    expect(wrapper.vm.unmaskedValue).toBe('1234568.93')
+    expect(wrapper.vm.maskedValue).toBe('1,234,568.93')
 
     input.element.value = '1234568'
     await input.trigger('input')

tests/component/component.spec.ts

@@ -19,10 +19,12 @@ describe('VueNumber', () => {
     })
 
     const input = wrapper.find('input')
+    expect(input.element.value).toBe('123,456.89')
 
+    input.element.value = 123456.893
     await input.trigger('input')
     expect(wrapper.vm.unmaskedValue).toBe('123456.89')
-    expect(wrapper.vm.maskedValue).toBe('123,456.89')
+    expect(wrapper.vm.maskedValue).toBe('123,456.893')
 
     await input.trigger('blur')
     expect(wrapper.vm.unmaskedValue).toBe('123456.89')

tests/directive/directive.custom.spec.ts

@@ -22,8 +22,6 @@ describe('v-number directive', () => {
     })
 
     const input = wrapper.find('input')
-
-    await input.trigger('input')
     expect(input.element.value).toBe('Rs.123.456,89%')
 
     await input.trigger('blur')

tests/directive/directive.minimumFractionDigits.spec.ts

@@ -19,8 +19,6 @@ describe('v-number directive', () => {
     })
 
     const input = wrapper.find('input')
-
-    await input.trigger('input')
     expect(input.element.value).toBe('123,456.89')
 
     await input.trigger('blur')

tests/directive/directive.range.spec.ts

@@ -10,30 +10,28 @@ describe('v-number directive', () => {
       },
       data() {
         return {
-          value: 1.53,
+          value: 1234.53,
           options: {
             min: 0,
-            max: 50
+            max: 2000
           }
         }
       }
     })
 
     const input = wrapper.find('input')
+    expect(input.element.value).toBe('1,234.53')
 
-    await input.trigger('input')
-    expect(input.element.value).toBe('1.53')
-
-    input.element.value = '1234.529'
+    input.element.value = '2234.529'
     await input.trigger('blur')
-    expect(input.element.value).toBe('50')
+    expect(input.element.value).toBe('2,000')
 
     input.element.value = '-1234.568'
     await input.trigger('blur')
     expect(input.element.value).toBe('0')
 
-    input.element.value = '12.568'
+    input.element.value = '1234.568'
     await input.trigger('blur')
-    expect(input.element.value).toBe('12.57')
+    expect(input.element.value).toBe('1,234.57')
   })
 })

tests/directive/directive.reverseFill.spec.ts

@@ -19,7 +19,6 @@ describe('v-number directive', () => {
     })
 
     const input = wrapper.find('input')
-    await input.trigger('input')
     expect(input.element.value).toBe('1,234.50')
 
     input.element.value = '1234.529'

tests/directive/directive.spec.ts

@@ -10,23 +10,21 @@ describe('v-number directive', () => {
       },
       data() {
         return {
-          value: '',
+          value: '1234.536',
           options: {}
         }
       }
     })
 
     const input = wrapper.find('input')
-
-    input.element.value = '1234'
-    await input.trigger('input')
-    expect(input.element.value).toBe('1,234')
+    expect(input.element.value).toBe('1,234.54')
 
     input.element.value = '1234.529'
     await input.trigger('input')
     expect(input.element.value).toBe('1,234.529')
 
     await input.trigger('blur')
     expect(input.element.value).toBe('1,234.53')
+    expect(input.element.oldValue).toBe('1,234.53')
   })
 })