Addind support to negative money

wirecardBrasil · Jan 2, 2018 · 2fed9c4 · 2fed9c4
1 parent 332b3b3
commit 2fed9c4
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 6 deletions.
diff --git a/event-listener.js b/event-listener.js
@@ -35,7 +35,7 @@ var inputHandler = exports.inputHandler = function inputHandler(ev) {
 
 var maskInput = function maskInput(mask, input) {
   if (mask === 'money') {
-    input.value = _vanillaMasker2.default.toMoney(input.value);
+    input.value = _vanillaMasker2.default.toMoney(input.value, { showSignal: true });
   } else {
     input.value = mask && mask.length > 0 ? _vanillaMasker2.default.toPattern(input.value, mask) : input.value;
   }

diff --git a/index.js b/index.js
@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var applyMaskToDefault = function applyMaskToDefault(el, mask, isMoney) {
   var inputText = getInputText(el);
   if (isMoney && inputText.value.length > 0) {
-    inputText.value = _vanillaMasker2.default.toMoney(inputText.value);
+    inputText.value = _vanillaMasker2.default.toMoney(inputText.value, { showSignal: true });
   } else {
     inputText.value = mask && mask.length > 0 ? _vanillaMasker2.default.toPattern(inputText.value, mask) : inputText.value;
   }

diff --git a/package.json b/package.json
@@ -1,14 +1,14 @@
 {
   "name": "awesome-mask",
-  "version": "1.0.10",
+  "version": "1.1.1",
   "description": "An awesome mask directive for Vue.js using vanilla-masker from `https://github.com/BankFacil/vanilla-masker`",
   "main": "index.js",
   "scripts": {
     "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
     "build": "babel src --presets babel-preset-es2015 --out-dir . "
   },
   "dependencies": {
-    "vanilla-masker": "^1.0.9",
+    "vanilla-masker": "^1.2.0",
     "vue": "^2.0.1"
   },
   "keywords": [

diff --git a/src/event-listener.js b/src/event-listener.js
@@ -25,7 +25,7 @@ export const inputHandler = (ev) => {
 
 let maskInput = (mask, input) => {
   if(mask === 'money'){
-    input.value = VMasker.toMoney(input.value);
+    input.value = VMasker.toMoney(input.value, {showSignal: true});
   } else {
     input.value = mask && mask.length > 0 ? VMasker.toPattern(input.value, mask) : input.value
   }

diff --git a/src/index.js b/src/index.js
@@ -7,7 +7,7 @@ import { inputHandler } from './event-listener'
 let applyMaskToDefault = (el, mask, isMoney) => {
   const inputText = getInputText(el);
   if(isMoney && inputText.value.length > 0){
-    inputText.value = VMasker.toMoney(inputText.value);
+    inputText.value = VMasker.toMoney(inputText.value, {showSignal: true});
   } else {
     inputText.value = mask && mask.length > 0 ? VMasker.toPattern(inputText.value, mask) : inputText.value
   }

diff --git a/test/unit/specs/event-listener.spec.js b/test/unit/specs/event-listener.spec.js
@@ -39,4 +39,12 @@ describe('Detect characters as invalid', () => {
       expect(ev.target.value).to.be.equal('1.234,99')
     }, 100)
   })
+  it('should format negative money value on listener', () => {
+    el.dataset.mask = 'money';
+    ev.target.value = '-123499'
+    inputHandler(ev)
+    setTimeout( () => {
+      expect(ev.target.value).to.be.equal('-1.234,99')
+    }, 100)
+  })
 })
diff --git a/test/unit/specs/index.spec.js b/test/unit/specs/index.spec.js
@@ -26,6 +26,13 @@ describe('Directive', () => {
     expect(el.value).to.be.equal('1.239,99')
   })
 
+  it('should bind and format negative money value', () => {
+    el.value = '-123999'
+    binding.value = 'money'
+    index.bind(el ,binding)
+    expect(el.value).to.be.equal('-1.239,99')
+  })
+
   it('should verify if it has the correct maxlength', () => {
     el.value = 'ABC9424'
     index.bind(el ,binding)