test(e2e): cover currency mask by e2e tests

tests/e2e/spec/real-word-masks.html

@@ -88,8 +88,17 @@
     v-mask="timeRangeMask"
     v-model="models.timeRange"
   />
+  <hr>
+  <input
+    id="currency"
+    type="text"
+    placeholder="$1,000"
+    v-mask="currencyMask"
+    v-model="models.currency"
+  />
 </div>
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/textMaskAddons.min.js"></script>
 <script src="../../../dist/v-mask.min.js"></script>
 <script>
   function timeMask(value) {
@@ -112,14 +121,15 @@
         models: {
           timeAndDate: '',
           timeWithSeconds: '',
-          hoursAndMinutes: '',          
+          hoursAndMinutes: '',
           cardNumber: '',
           phoneNumber: '',
           usPhoneNumber: '',
           cpf: '',
           cpnj: '',
           socialSecurityNumber: '',
-          timeRange: ''
+          timeRange: '',
+          currency: '',
         }
       }
     },
@@ -130,7 +140,8 @@
           return [...timeMask(numbers.substring(0, 4)), '-', ...timeMask(numbers.substring(4))];
         }
         return [...timeMask(numbers)];
-      }
+      },
+      currencyMask: textMaskAddons.createNumberMask()
     }
   })
 </script>

tests/e2e/spec/real-word-masks.js

@@ -82,3 +82,11 @@ test('Time range input invalid', async (t) => {
     .expect(el.value)
     .eql('23:59');
 });
+
+test('Currency number input', async (t) => {
+  const el = Selector('input#currency');
+
+  await t
+    .typeText(el, '1000')
+    .expect(el.value).eql('$1,000');
+});