test: add unit tests to negative numbers in separator feature

Author: matheus-crivellari

projects/ngx-mask-lib/src/lib/mask-applier.service.ts

@@ -358,7 +358,10 @@ export class MaskApplierService {
     let res: string = x[0];
     const separatorLimit: string = this.separatorLimit.replace(/\s/g, '');
     if (separatorLimit && +separatorLimit) {
-      res = res.slice(0, separatorLimit.length);
+      if(res[0] === '-')
+        res = `-${res.slice(1, res.length).slice(0, separatorLimit.length)}`;
+      else
+        res = res.slice(0, separatorLimit.length);
     }
     const rgx: RegExp = /(\d+)(\d{3})/;
     while (rgx.test(res)) {

projects/ngx-mask-lib/src/test/separator.spec.ts

@@ -31,16 +31,36 @@ describe('Separator: Mask', () => {
     equal('100', '100', fixture);
   });
 
+  it('separator for -100', () => {
+    component.mask = 'separator';
+    equal('-100', '-100', fixture);
+  });
+
   it('separator for 1000', () => {
     component.mask = 'separator';
     equal('1000', '1 000', fixture);
   });
 
+  it('separator for -1000', () => {
+    component.mask = 'separator';
+    equal('-1000', '-1 000', fixture);
+  });
+
   it('separator for 10000', () => {
     component.mask = 'separator';
     equal('10000', '10 000', fixture);
   });
 
+  it('separator for -10000', () => {
+    component.mask = 'separator';
+    equal('-10000', '-10 000', fixture);
+  });
+
+  it('separator for -100000', () => {
+    component.mask = 'separator';
+    equal('-100000', '-100 000', fixture);
+  });
+
   it('separator for 100000', () => {
     component.mask = 'separator';
     equal('100000', '100 000', fixture);
@@ -51,6 +71,11 @@ describe('Separator: Mask', () => {
     equal('1000000', '1 000 000', fixture);
   });
 
+  it('separator for -1000000', () => {
+    component.mask = 'separator';
+    equal('-1000000', '-1 000 000', fixture);
+  });
+
   it('should limit separator to 1000', () => {
     component.mask = 'separator';
     component.separatorLimit = '1000';
@@ -62,6 +87,11 @@ describe('Separator: Mask', () => {
     equal('1000000.00', '1 000 000.00', fixture);
   });
 
+  it('separator precision 2 for -1000000.00', () => {
+    component.mask = 'separator.2';
+    equal('-1000000.00', '-1 000 000.00', fixture);
+  });
+
   it('should limit separator with precision 2 to 10000', () => {
     component.mask = 'separator.2';
     component.separatorLimit = '10000';
@@ -112,12 +142,25 @@ describe('Separator: Mask', () => {
     equal('1000000', '100.000', fixture);
   });
 
+  it('should limit separator thousandSeparator . to -100000', () => {
+    component.mask = 'separator';
+    component.thousandSeparator = '.';
+    component.separatorLimit = '100000';
+    equal('-1000000', '-100.000', fixture);
+  });
+
   it('separator thousandSeparator . precision 2 for 1000000.00', () => {
     component.mask = 'separator.2';
     component.thousandSeparator = '.';
     equal('1000000,00', '1.000.000,00', fixture);
   });
 
+  it('separator thousandSeparator . precision 2 for -1000000.00', () => {
+    component.mask = 'separator.2';
+    component.thousandSeparator = '.';
+    equal('-1000000,00', '-1.000.000,00', fixture);
+  });
+
   it('separator thousandSeparator . precision 2 with 0 after point for 1000000.00', () => {
     component.mask = 'separator.2';
     component.thousandSeparator = '.';