tests_keepStatic.js 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. define([
  2. "qunit",
  3. "inputmask.dependencyLib",
  4. "inputmask"
  5. ], function(qunit, $, Inputmask) {
  6. module("keepStatic mask switching");
  7. test("{ mask: [\"+55-99-9999-9999\", \"+55-99-99999-9999\", ], keepStatic: true }", function () {
  8. var $fixture = $("#qunit-fixture");
  9. $fixture.append('<input type="text" id="testmask" />');
  10. var testmask = document.getElementById("testmask");
  11. Inputmask({ mask: ["+55-99-9999-9999", "+55-99-99999-9999"], keepStatic: true }).mask(testmask);
  12. testmask.focus();
  13. $("#testmask").Type("12123451234");
  14. equal(document.getElementById("testmask").inputmask._valueGet(), "+55-12-12345-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  15. $("#testmask").remove();
  16. });
  17. test("{ mask: \"+55-99-9999|(99)-9999\", keepStatic: true } - type 12123451234", function () {
  18. var $fixture = $("#qunit-fixture");
  19. $fixture.append('<input type="text" id="testmask" />');
  20. var testmask = document.getElementById("testmask");
  21. Inputmask({ mask: "+55-99-9999|(99)-9999", keepStatic: true }).mask(testmask);
  22. testmask.focus();
  23. $("#testmask").Type("12123451234");
  24. equal(document.getElementById("testmask").inputmask._valueGet(), "+55-12-12345-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  25. $("#testmask").remove();
  26. });
  27. test("{ mask: ['(99) 9999-9999', '(99) 99999-9999'] } - val('1212341234')", function () {
  28. var $fixture = $("#qunit-fixture");
  29. $fixture.append('<input type="text" id="testmask" />');
  30. var testmask = document.getElementById("testmask");
  31. Inputmask({ mask: ['(99) 9999-9999', '(99) 99999-9999'] }).mask(testmask);
  32. $("#testmask").val("1212341234");
  33. equal(document.getElementById("testmask").inputmask._valueGet(), "(12) 1234-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  34. $("#testmask").remove();
  35. });
  36. test("{ mask: \"+55-99-9999|(99)-9999\", keepStatic: false } type 12123451234", function () {
  37. var $fixture = $("#qunit-fixture");
  38. $fixture.append('<input type="text" id="testmask" />');
  39. var testmask = document.getElementById("testmask");
  40. Inputmask({ mask: "+55-99-9999|(99)-9999", keepStatic: false }).mask(testmask);
  41. testmask.focus();
  42. $("#testmask").Type("12123451234");
  43. equal(document.getElementById("testmask").inputmask._valueGet(), "+55-12-12345-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  44. $("#testmask").remove();
  45. });
  46. test("{ mask: [\"+55-99-9999-9999\", \"+55-99-99999-9999\", ], keepStatic: true } - type 12123451234 + backspace", function () {
  47. var $fixture = $("#qunit-fixture");
  48. $fixture.append('<input type="text" id="testmask" />');
  49. var testmask = document.getElementById("testmask");
  50. Inputmask({ mask: ["+55-99-9999-9999", "+55-99-99999-9999"], keepStatic: true }).mask(testmask);
  51. testmask.focus();
  52. $("#testmask").Type("12123451234");
  53. $("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
  54. equal(document.getElementById("testmask").inputmask._valueGet(), "+55-12-1234-5123", "Result " + document.getElementById("testmask").inputmask._valueGet());
  55. $("#testmask").remove();
  56. });
  57. test("{ mask: [\"99-9999-99\",\"99-99999-99\"] } - type 12123412 + add 1 upfront", function () {
  58. var $fixture = $("#qunit-fixture");
  59. $fixture.append('<input type="text" id="testmask" />');
  60. var testmask = document.getElementById("testmask");
  61. Inputmask({ mask: ["99-9999-99", "99-99999-99"] }).mask(testmask);
  62. $("#testmask").Type("12123412");
  63. $.caret(testmask, 0);
  64. $("#testmask").Type("1");
  65. equal(document.getElementById("testmask").inputmask._valueGet(), "11-21234-12", "Result " + document.getElementById("testmask").inputmask._valueGet());
  66. $("#testmask").remove();
  67. });
  68. test("{ mask: [\"99-99999-9\",\"99-999999-9\"] } - type 121234561", function () {
  69. var $fixture = $("#qunit-fixture");
  70. $fixture.append('<input type="text" id="testmask" />');
  71. var testmask = document.getElementById("testmask");
  72. Inputmask({ mask: ["99-99999-9", "99-999999-9"] }).mask(testmask);
  73. $("#testmask").Type("121234561");
  74. equal(document.getElementById("testmask").inputmask._valueGet(), "12-123456-1", "Result " + document.getElementById("testmask").inputmask._valueGet());
  75. $("#testmask").remove();
  76. });
  77. test("{ \"keepStatic\": true, greedy: false, mask: \"(99-9)|(99999)\" } - type 12345", function () {
  78. var $fixture = $("#qunit-fixture");
  79. $fixture.append('<input type="text" id="testmask" />');
  80. var testmask = document.getElementById("testmask");
  81. Inputmask({ "keepStatic": true, greedy: false, "mask": "(99-9)|(99999)" }).mask(testmask);
  82. $("#testmask").Type("12345");
  83. equal(document.getElementById("testmask").inputmask._valueGet(), "12345", "Result " + document.getElementById("testmask").inputmask._valueGet());
  84. $("#testmask").remove();
  85. });
  86. test("7|8 999 99 99 - hiddenman", function () {
  87. var $fixture = $("#qunit-fixture");
  88. $fixture.append('<input type="text" id="testmask" />');
  89. var testmask = document.getElementById("testmask");
  90. Inputmask("7|8 999 99 99").mask(testmask);
  91. testmask.focus();
  92. equal(document.getElementById("testmask").inputmask._valueGet(), "_ ___ __ __", "Result " + document.getElementById("testmask").inputmask._valueGet());
  93. $("#testmask").remove();
  94. });
  95. test("7|8 999 99 99 type 7 - hiddenman", function () {
  96. var $fixture = $("#qunit-fixture");
  97. $fixture.append('<input type="text" id="testmask" />');
  98. var testmask = document.getElementById("testmask");
  99. Inputmask("7|8 999 99 99").mask(testmask);
  100. $("#testmask").Type("7");
  101. equal(document.getElementById("testmask").inputmask._valueGet(), "7 ___ __ __", "Result " + document.getElementById("testmask").inputmask._valueGet());
  102. $("#testmask").remove();
  103. });
  104. test("7|8 999 99 99 type 8 - hiddenman", function () {
  105. var $fixture = $("#qunit-fixture");
  106. $fixture.append('<input type="text" id="testmask" />');
  107. var testmask = document.getElementById("testmask");
  108. Inputmask("7|8 999 99 99").mask(testmask);
  109. $("#testmask").Type("8");
  110. equal(document.getElementById("testmask").inputmask._valueGet(), "8 ___ __ __", "Result " + document.getElementById("testmask").inputmask._valueGet());
  111. $("#testmask").remove();
  112. });
  113. test("(78)|(79) 999 99 99", function () {
  114. var $fixture = $("#qunit-fixture");
  115. $fixture.append('<input type="text" id="testmask" />');
  116. var testmask = document.getElementById("testmask");
  117. Inputmask("(78)|(79) 999 99 99").mask(testmask);
  118. testmask.focus();
  119. equal(document.getElementById("testmask").inputmask._valueGet(), "7_ ___ __ __", "Result " + document.getElementById("testmask").inputmask._valueGet());
  120. $("#testmask").remove();
  121. });
  122. test("(78)|(79) 999 99 99 - type 5", function () {
  123. var $fixture = $("#qunit-fixture");
  124. $fixture.append('<input type="text" id="testmask" />');
  125. var testmask = document.getElementById("testmask");
  126. Inputmask("(78)|(79) 999 99 99").mask(testmask);
  127. testmask.focus();
  128. $("#testmask").Type("5");
  129. equal(document.getElementById("testmask").inputmask._valueGet(), "75 ___ __ __", "Result " + document.getElementById("testmask").inputmask._valueGet());
  130. $("#testmask").remove();
  131. });
  132. test("(78)|(74) 999 99 99", function () {
  133. var $fixture = $("#qunit-fixture");
  134. $fixture.append('<input type="text" id="testmask" />');
  135. var testmask = document.getElementById("testmask");
  136. Inputmask("(78)|(74) 999 99 99").mask(testmask);
  137. testmask.focus();
  138. equal(document.getElementById("testmask").inputmask._valueGet(), "7_ ___ __ __", "Result " + document.getElementById("testmask").inputmask._valueGet());
  139. $("#testmask").remove();
  140. });
  141. test("5-9|(9a)-5 - keepstatic: false", function () {
  142. var $fixture = $("#qunit-fixture");
  143. $fixture.append('<input type="text" id="testmask" />');
  144. var testmask = document.getElementById("testmask");
  145. Inputmask({ mask: "5-9|(9a)-5", keepStatic: false }).mask(testmask);
  146. testmask.focus();
  147. equal(document.getElementById("testmask").inputmask._valueGet(), "5-_-5", "Result " + document.getElementById("testmask").inputmask._valueGet());
  148. $("#testmask").remove();
  149. });
  150. test("['(99) 9999-9999', '(99) 9-9999-9999'] - type 12123412345 - 3m0", function () {
  151. var $fixture = $("#qunit-fixture");
  152. $fixture.append('<input type="text" id="testmask" />');
  153. var testmask = document.getElementById("testmask");
  154. Inputmask({mask:['(99) 9999-9999', '(99) 9-9999-9999'], removeMaskOnSubmit:false, clearmaskonlostfocus:true}).mask(testmask);
  155. testmask.focus();
  156. $("#testmask").Type("12123412345")
  157. equal(document.getElementById("testmask").inputmask._valueGet(), "(12) 1-2341-2345", "Result " + document.getElementById("testmask").inputmask._valueGet());
  158. $("#testmask").remove();
  159. });
  160. test("['(99) 9999-9999', '(99) 9-9999-9999'] - type 12123412345 - backspace - 3m0", function () {
  161. var $fixture = $("#qunit-fixture");
  162. $fixture.append('<input type="text" id="testmask" />');
  163. var testmask = document.getElementById("testmask");
  164. Inputmask({mask:['(99) 9999-9999', '(99) 9-9999-9999'], removeMaskOnSubmit:false, clearmaskonlostfocus:true}).mask(testmask);
  165. testmask.focus();
  166. $("#testmask").Type("12123412345")
  167. $("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
  168. equal(document.getElementById("testmask").inputmask._valueGet(), "(12) 1234-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  169. $("#testmask").remove();
  170. });
  171. });