updated test unit

Author: dipaksarkar

tests/component/component.noPrefix.spec.ts

@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils'
+import { component as VueNumber } from '../../src'
+
+describe('VueNumber', () => {
+  it('renders the correct maskedValue and unmaskedValue when custom config', async () => {
+    const wrapper = mount(VueNumber, {
+      props: {
+        modelValue: 123456.893,
+        decimal: ',',
+        separator: '.'
+      }
+    })
+
+    const input = wrapper.find('input')
+    expect(input.element.value).toBe('123.456,89')
+    wrapper.setProps({ modelValue: '1234,568' })
+    await input.trigger('input')
+    await input.trigger('change')
+
+    expect(input.element.value).toBe('1.234,57')
+    expect(wrapper.vm.maskedValue).toBe('1.234,57')
+    expect(wrapper.vm.unmaskedValue).toBe('1234.57')
+    expect(wrapper.emitted()['update:model-value'][0]).toEqual(['1234.57'])
+    expect(wrapper.emitted()['input:model-value'][0]).toEqual(['1234.57'])
+  })
+})

tests/component/component.precision.spec.ts

@@ -0,0 +1,41 @@
+import { mount } from '@vue/test-utils'
+import { component as VueNumber } from '../../src'
+
+describe('VueNumber', () => {
+  it('updates the maskedValue when input is changed', async () => {
+    const wrapper = mount(VueNumber, {
+      props: {
+        modelValue: 1000.53,
+        precision: 0
+      }
+    })
+
+    const input = wrapper.find('input')
+    expect(input.element.value).toBe('1,001')
+    input.setValue('1234.5')
+
+    expect(wrapper.vm.maskedValue).toBe('1,235')
+    expect(wrapper.vm.unmaskedValue).toBe('1235')
+    expect(wrapper.emitted()['input:model-value'][0]).toEqual(['1235'])
+    expect(wrapper.emitted()['update:model-value'][0]).toEqual(['1235'])
+  })
+
+  it('renders the correct maskedValue when masked prop is true', async () => {
+    const wrapper = mount(VueNumber, {
+      props: {
+        modelValue: 1000,
+        masked: true,
+        precision: 0
+      }
+    })
+
+    const input = wrapper.find('input')
+    expect(input.element.value).toBe('1,000')
+    input.setValue('1234.5')
+
+    expect(wrapper.vm.maskedValue).toBe('1,235')
+    expect(wrapper.vm.unmaskedValue).toBe('1235')
+    expect(wrapper.emitted()['input:model-value'][0]).toEqual(['1,235'])
+    expect(wrapper.emitted()['update:model-value'][0]).toEqual(['1,235'])
+  })
+})

tests/directive/directive.noPrefix.spec.ts

@@ -0,0 +1,34 @@
+import { mount } from '@vue/test-utils'
+import { directive } from '../../src'
+
+describe('v-number directive', () => {
+  it('should emit input event with the new value on input', async () => {
+    const wrapper = mount({
+      template: `<input v-number="options" type="text" :value="value" />`,
+      directives: {
+        number: directive
+      },
+      data() {
+        return {
+          value: 123456.893,
+          options: {
+            decimal: ',',
+            separator: '.'
+          }
+        }
+      }
+    })
+
+    const input = wrapper.find('input')
+    expect(input.element.value).toBe('123.456,89')
+
+    await input.trigger('blur')
+    expect(input.element.value).toBe('123.456,89')
+
+    input.setValue('1234,568')
+    expect(input.element.value).toBe('1.234,568')
+
+    await input.trigger('blur')
+    expect(input.element.value).toBe('1.234,57')
+  })
+})

tests/directive/directive.precision.spec.ts

@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils'
+import { directive } from '../../src'
+
+describe('v-number directive', () => {
+  it('should emit input event with the new value on input', async () => {
+    const wrapper = mount({
+      template: `<input v-number="options" type="text" :value="value" />`,
+      directives: {
+        number: directive
+      },
+      data() {
+        return {
+          value: '',
+          options: {
+            precision: 0
+          }
+        }
+      }
+    })
+
+    const input = wrapper.find('input')
+    input.setValue('1234')
+    expect(input.element.value).toBe('1,234')
+
+    input.setValue('1234.529')
+    expect(input.element.value).toBe('1,235')
+
+    await input.trigger('blur')
+    expect(input.element.value).toBe('1,235')
+  })
+})