tests_dynamic.js 8.1 KB

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