tests_dynamic.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. define([
  2. "qunit",
  3. "inputmask.dependencyLib",
  4. "inputmask",
  5. "../dist/inputmask/inputmask.date.extensions",
  6. "../dist/inputmask/inputmask.extensions",
  7. "../dist/inputmask/inputmask.numeric.extensions",
  8. "../dist/inputmask/inputmask.phone.extensions",
  9. "../dist/inputmask/inputmask.regex.extensions",
  10. "prototypeExtensions",
  11. "simulator"
  12. ], function(qunit, $, Inputmask) {
  13. qunit.module("Dynamic Masks");
  14. test("inputmask(\"9-a{3}9{3}\" - simple dynamic mask", function() {
  15. var $fixture = $("#qunit-fixture");
  16. $fixture.append('<input type="text" id="testmask" />');
  17. var testmask = document.getElementById("testmask");
  18. Inputmask("9-a{3}9{3}").mask(testmask);
  19. testmask.focus();
  20. $("#testmask").Type("1abc123");
  21. equal(testmask.value, "1-abc123", "Result " + testmask.value);
  22. $("#testmask").remove();
  23. });
  24. test("inputmask(\"9-a{1,3}9{1,3}\" - simple dynamic mask", function() {
  25. var $fixture = $("#qunit-fixture");
  26. $fixture.append('<input type="text" id="testmask" />');
  27. var testmask = document.getElementById("testmask");
  28. Inputmask("9-a{1,3}9{1,3}").mask(testmask);
  29. testmask.focus();
  30. $("#testmask").Type("1a1");
  31. equal(testmask.value, "1-a1", "Result " + testmask.value);
  32. $("#testmask").remove();
  33. });
  34. test("inputmask(\"9-a{1,3}9{1,3}\" - simple dynamic mask - greedy false", function() {
  35. var $fixture = $("#qunit-fixture");
  36. $fixture.append('<input type="text" id="testmask" />');
  37. var testmask = document.getElementById("testmask");
  38. Inputmask("9-a{1,3}9{1,3}", {
  39. greedy: false
  40. }).mask(testmask);
  41. testmask.focus();
  42. $("#testmask").Type("1a1");
  43. equal(testmask.value, "1-a1", "Result " + testmask.value);
  44. $("#testmask").remove();
  45. });
  46. test("inputmask(\"9-a{1,3}/9{2,3}\" - simple dynamic mask - greedy true", function() {
  47. var $fixture = $("#qunit-fixture");
  48. $fixture.append('<input type="text" id="testmask" />');
  49. var testmask = document.getElementById("testmask");
  50. Inputmask("9-a{1,3}/9{2,3}", {
  51. greedy: true
  52. }).mask(testmask);
  53. testmask.focus();
  54. $("#testmask").Type("1a/123");
  55. equal(testmask.value, "1-a/123", "Result " + testmask.value);
  56. $("#testmask").remove();
  57. });
  58. test("email mask greedy false", function() {
  59. var $fixture = $("#qunit-fixture");
  60. $fixture.append('<input type="text" id="testmask" />');
  61. var testmask = document.getElementById("testmask");
  62. Inputmask("email", {
  63. greedy: false
  64. }).mask(testmask);
  65. testmask.focus();
  66. $("#testmask").Type("some.body@mail.com");
  67. testmask.blur();
  68. equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  69. $("#testmask").remove();
  70. });
  71. asyncTest("email mask greedy true", function() {
  72. var $fixture = $("#qunit-fixture");
  73. $fixture.append('<input type="text" id="testmask" />');
  74. var testmask = document.getElementById("testmask");
  75. Inputmask("email", {
  76. greedy: true
  77. }).mask(testmask);
  78. testmask.focus();
  79. $("#testmask").Type("some.body@mail.com");
  80. testmask.blur();
  81. setTimeout(function() {
  82. start();
  83. equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  84. $("#testmask").remove();
  85. }, 0);
  86. });
  87. test("email mask - partial input", function() {
  88. var $fixture = $("#qunit-fixture");
  89. $fixture.append('<input type="text" id="testmask" />');
  90. var testmask = document.getElementById("testmask");
  91. Inputmask("email").mask(testmask);
  92. testmask.focus();
  93. $("#testmask").Type("some.");
  94. testmask.blur();
  95. equal(testmask.value, "some._@_", "Result " + testmask.value);
  96. $("#testmask").remove();
  97. });
  98. test("email mask - partial input 2", function() {
  99. var $fixture = $("#qunit-fixture");
  100. $fixture.append('<input type="text" id="testmask" />');
  101. var testmask = document.getElementById("testmask");
  102. Inputmask("email").mask(testmask);
  103. testmask.focus();
  104. $("#testmask").Type("some@mail.com");
  105. $.caret(testmask, 4);
  106. $("#testmask").Type(".body");
  107. equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  108. $("#testmask").remove();
  109. });
  110. test("email mask - babu@us.lufthansa.com - babupca", function() {
  111. var $fixture = $("#qunit-fixture");
  112. $fixture.append('<input type="text" id="testmask" />');
  113. var testmask = document.getElementById("testmask");
  114. Inputmask("email").mask(testmask);
  115. testmask.focus();
  116. $("#testmask").Type("babu@us.lufthansa.com");
  117. equal(testmask.value, "babu@us.lufthansa.com", "Result " + testmask.value);
  118. $("#testmask").remove();
  119. });
  120. test("email mask - email@subdomain.domain.com - babupca", function() {
  121. var $fixture = $("#qunit-fixture");
  122. $fixture.append('<input type="text" id="testmask" />');
  123. var testmask = document.getElementById("testmask");
  124. Inputmask("email").mask(testmask);
  125. testmask.focus();
  126. $("#testmask").Type("email@subdomain.domain.com");
  127. equal(testmask.value, "email@subdomain.domain.com", "Result " + testmask.value);
  128. $("#testmask").remove();
  129. });
  130. asyncTest("email mask - paste test.test@test.com - Kurumas", function() {
  131. var $fixture = $("#qunit-fixture");
  132. $fixture.append('<input type="text" id="testmask" />');
  133. var testmask = document.getElementById("testmask");
  134. Inputmask("email").mask(testmask);
  135. testmask.focus();
  136. $("#testmask").paste("test.test@test.com");
  137. setTimeout(function() {
  138. equal(testmask.value, "test.test@test.com", "Result " + testmask.value);
  139. start();
  140. $("#testmask").remove();
  141. }, 0);
  142. });
  143. test("quantifier mask greedy false - FairSite2C", function() {
  144. var $fixture = $("#qunit-fixture");
  145. $fixture.append('<input type="text" id="testmask" />');
  146. var testmask = document.getElementById("testmask");
  147. Inputmask("9{0,4}", {
  148. greedy: false
  149. }).mask(testmask);
  150. testmask.focus();
  151. $("#testmask").Type("123");
  152. equal(testmask.value, "123", "Result " + testmask.value);
  153. $("#testmask").remove();
  154. });
  155. test("quantifier mask greedy true - FairSite2C", function() {
  156. var $fixture = $("#qunit-fixture");
  157. $fixture.append('<input type="text" id="testmask" />');
  158. var testmask = document.getElementById("testmask");
  159. Inputmask("9{0,4}", {
  160. greedy: true
  161. }).mask(testmask);
  162. testmask.focus();
  163. $("#testmask").Type("123");
  164. equal(testmask.value, "123", "Result " + testmask.value);
  165. $("#testmask").remove();
  166. });
  167. asyncTest("email mask - clearIncomplete - hiddenman", function() {
  168. var $fixture = $("#qunit-fixture");
  169. $fixture.append('<input type="text" id="testmask" />');
  170. var testmask = document.getElementById("testmask");
  171. Inputmask("email", {
  172. clearIncomplete: true
  173. }).mask(testmask);
  174. testmask.focus();
  175. $("#testmask").Type("akornilov");
  176. testmask.blur();
  177. setTimeout(function() {
  178. equal(document.getElementById("testmask").inputmask._valueGet(), "", "Result " + document.getElementById("testmask").inputmask._valueGet());
  179. start();
  180. $("#testmask").remove();
  181. }, 0);
  182. });
  183. asyncTest("email mask - clearIncomplete - hiddenman", function() {
  184. var $fixture = $("#qunit-fixture");
  185. $fixture.append('<input type="text" id="testmask" />');
  186. var testmask = document.getElementById("testmask");
  187. Inputmask("email", {
  188. clearIncomplete: true
  189. }).mask(testmask);
  190. testmask.focus();
  191. $("#testmask").Type("akornilov@");
  192. testmask.blur();
  193. setTimeout(function() {
  194. equal(document.getElementById("testmask").inputmask._valueGet(), "", "Result " + document.getElementById("testmask").inputmask._valueGet());
  195. start();
  196. $("#testmask").remove();
  197. }, 0);
  198. });
  199. asyncTest("email mask - clearIncomplete - hiddenman", function() {
  200. var $fixture = $("#qunit-fixture");
  201. $fixture.append('<input type="text" id="testmask" />');
  202. var testmask = document.getElementById("testmask");
  203. Inputmask("email", {
  204. clearIncomplete: true
  205. }).mask(testmask);
  206. testmask.focus();
  207. $("#testmask").Type("akornilov@gmail.com");
  208. testmask.blur();
  209. setTimeout(function() {
  210. equal(document.getElementById("testmask").inputmask._valueGet(), "akornilov@gmail.com", "Result " + document.getElementById("testmask").inputmask._valueGet());
  211. start();
  212. $("#testmask").remove();
  213. }, 0);
  214. });
  215. test("mask: '\\\\a{*}', repeat: 5 - voidmain02", function() {
  216. var $fixture = $("#qunit-fixture");
  217. $fixture.append('<input type="text" id="testmask" />');
  218. var testmask = document.getElementById("testmask");
  219. Inputmask({
  220. mask: '\\\\a{*}',
  221. repeat: 5
  222. }).mask(testmask);
  223. testmask.focus();
  224. $("#testmask").Type("abcd abcd abcd abcd abcd");
  225. equal(document.getElementById("testmask").inputmask._valueGet(), "\\abcd\\abcd\\abcd\\abcd\\abcd", "Result " + document.getElementById("testmask").inputmask._valueGet());
  226. $("#testmask").remove();
  227. });
  228. });