tests.js 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821
  1. var keyCodes = {
  2. ALT: 18, BACKSPACE: 8, CAPS_LOCK: 20, COMMA: 188, COMMAND: 91, COMMAND_LEFT: 91, COMMAND_RIGHT: 93, CONTROL: 17, DELETE: 46, DOWN: 40, END: 35, ENTER: 13, ESCAPE: 27, HOME: 36, INSERT: 45, LEFT: 37, MENU: 93, NUMPAD_ADD: 107, NUMPAD_DECIMAL: 110, NUMPAD_DIVIDE: 111, NUMPAD_ENTER: 108,
  3. NUMPAD_MULTIPLY: 106, NUMPAD_SUBTRACT: 109, PAGE_DOWN: 34, PAGE_UP: 33, PERIOD: 190, RIGHT: 39, SHIFT: 16, SPACE: 32, TAB: 9, UP: 38, WINDOWS: 91
  4. }
  5. $.fn.SendKey = function (keyCode, modifier) {
  6. var sendDummyKeydown = false;
  7. if (Object.prototype.toString.call(keyCode) == '[object String]') {
  8. keyCode = keyCode.charCodeAt(0);
  9. sendDummyKeydown = true;
  10. }
  11. function caret(input, begin, end) {
  12. var npt = input.jquery && input.length > 0 ? input[0] : input, range;
  13. if (typeof begin == 'number') {
  14. if (!$(input).is(':visible')) {
  15. return;
  16. }
  17. end = (typeof end == 'number') ? end : begin;
  18. if (npt.setSelectionRange) {
  19. npt.selectionStart = begin;
  20. npt.selectionEnd = end;
  21. } else if (npt.createTextRange) {
  22. range = npt.createTextRange();
  23. range.collapse(true);
  24. range.moveEnd('character', end);
  25. range.moveStart('character', begin);
  26. range.select();
  27. }
  28. } else {
  29. if (!$(input).is(':visible')) {
  30. return { "begin": 0, "end": 0 };
  31. }
  32. if (npt.setSelectionRange) {
  33. begin = npt.selectionStart;
  34. end = npt.selectionEnd;
  35. } else if (document.selection && document.selection.createRange) {
  36. range = document.selection.createRange();
  37. begin = 0 - range.duplicate().moveStart('character', -100000);
  38. end = begin + range.text.length;
  39. }
  40. return { "begin": begin, "end": end };
  41. }
  42. };
  43. switch (keyCode) {
  44. case keyCodes.LEFT: {
  45. if (modifier == undefined) {
  46. var pos = caret(this);
  47. caret(this, pos.begin - 1);
  48. break;
  49. }
  50. }
  51. case keyCodes.RIGHT: {
  52. if (modifier == undefined) {
  53. var pos = caret(this);
  54. caret(this, pos.begin + 1);
  55. break;
  56. }
  57. }
  58. default: {
  59. var keydown = $.Event("keydown"),
  60. keypress = $.Event("keypress"),
  61. keyup = $.Event("keyup");
  62. if (!sendDummyKeydown) {
  63. keydown.keyCode = keyCode;
  64. if (modifier == keyCodes.CONTROL)
  65. keydown.ctrlKey = true;
  66. }
  67. $(this).trigger(keydown);
  68. if (!keydown.isDefaultPrevented()) {
  69. keypress.keyCode = keyCode;
  70. if (modifier == keyCodes.CONTROL)
  71. keypress.ctrlKey = true;
  72. $(this).trigger(keypress);
  73. if (!keypress.isDefaultPrevented()) {
  74. keyup.keyCode = keyCode;
  75. if (modifier == keyCodes.CONTROL)
  76. keyup.ctrlKey = true;
  77. $(this).trigger(keyup);
  78. }
  79. }
  80. }
  81. }
  82. }
  83. $.fn.Type = function (inputStr) {
  84. var $input = $(this);
  85. $.each(inputStr.split(''), function (ndx, lmnt) {
  86. $input.SendKey(lmnt);
  87. });
  88. }
  89. module("Simple masking");
  90. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function () {
  91. $('body').append('<input type="text" id="testmask" />');
  92. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: false });
  93. equal(document.getElementById("testmask").value, "__-__-__", "Result " + document.getElementById("testmask").value);
  94. $("#testmask").remove();
  95. });
  96. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function () {
  97. $('body').append('<input type="text" id="testmask" />');
  98. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: true });
  99. equal(document.getElementById("testmask").value, "", "Result " + document.getElementById("testmask").value);
  100. $("#testmask").remove();
  101. });
  102. test("inputmask(\"999.999.999\")", function () {
  103. $('body').append('<input type="text" id="testmask" />');
  104. $("#testmask").inputmask("999.999.999");
  105. $("#testmask")[0].focus();
  106. $("#testmask").SendKey(49);
  107. $("#testmask").SendKey(50);
  108. $("#testmask").SendKey(51);
  109. equal($("#testmask").val(), "123.___.___", "Result " + $("#testmask").val());
  110. $("#testmask").remove();
  111. });
  112. asyncTest("inputmask(\"999.999.999\", { oncomplete: ... })", 1, function () {
  113. $('body').append('<input type="text" id="testmask" />');
  114. $("#testmask").inputmask("999.999.999", {
  115. oncomplete: function () {
  116. equal($("#testmask").val(), "123.456.789", "Result " + $("#testmask").val());
  117. start();
  118. $("#testmask").remove();
  119. }
  120. });
  121. $("#testmask")[0].focus();
  122. $("#testmask").SendKey(49);
  123. $("#testmask").SendKey(50);
  124. $("#testmask").SendKey(51);
  125. $("#testmask").SendKey(52);
  126. $("#testmask").SendKey(53);
  127. $("#testmask").SendKey(54);
  128. $("#testmask").SendKey(55);
  129. $("#testmask").SendKey(56);
  130. $("#testmask").SendKey(57);
  131. });
  132. asyncTest("inputmask(\"9-AAA.999\") - change event", 1, function () {
  133. $('body').append('<input type="text" id="testmask" />');
  134. $("#testmask").inputmask("9-AAA.999").change(function () {
  135. ok(true, "Change triggered");
  136. setTimeout(function () {
  137. $("#testmask").remove();
  138. start();
  139. });
  140. });
  141. $("#testmask")[0].focus();
  142. $("#testmask").SendKey(49);
  143. $("#testmask").SendKey(65);
  144. $("#testmask").SendKey(66);
  145. $("#testmask").SendKey(67);
  146. $("#testmask").SendKey(50);
  147. $("#testmask").SendKey(51);
  148. $("#testmask").blur();
  149. });
  150. asyncTest("inputmask(\"9-AAA.999\", { onincomplete: ... })", 1, function () {
  151. $('body').append('<input type="text" id="testmask" />');
  152. $("#testmask").inputmask("9-AAA.999", {
  153. onincomplete: function () {
  154. equal($("#testmask").val(), "1-ABC.12_", "Result " + $("#testmask").val());
  155. start();
  156. $("#testmask").remove();
  157. }
  158. });
  159. $("#testmask")[0].focus();
  160. $("#testmask").SendKey(49);
  161. $("#testmask").SendKey(65);
  162. $("#testmask").SendKey(66);
  163. $("#testmask").SendKey(67);
  164. $("#testmask").SendKey(49);
  165. $("#testmask").SendKey(50);
  166. $("#testmask").blur();
  167. });
  168. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  169. $('body').append('<input type="text" id="testmask" />');
  170. $("#testmask").inputmask("999.999.999");
  171. $("#testmask")[0].focus();
  172. $("#testmask").SendKey(49);
  173. $("#testmask").SendKey(50);
  174. $("#testmask").SendKey(51);
  175. $("#testmask").SendKey(keyCodes.LEFT);
  176. $("#testmask").SendKey(keyCodes.LEFT);
  177. $("#testmask").SendKey(keyCodes.BACKSPACE);
  178. $("#testmask").SendKey(52);
  179. $("#testmask").SendKey(keyCodes.RIGHT);
  180. $("#testmask").SendKey(53);
  181. $("#testmask").SendKey(54);
  182. equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
  183. $("#testmask").remove();
  184. });
  185. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  186. $('body').append('<input type="text" id="testmask" />');
  187. $("#testmask").inputmask("999.999.999");
  188. $("#testmask")[0].focus();
  189. $("#testmask").SendKey(49);
  190. $("#testmask").SendKey(50);
  191. $("#testmask").SendKey(51);
  192. $("#testmask").SendKey(keyCodes.LEFT);
  193. $("#testmask").SendKey(keyCodes.LEFT);
  194. $("#testmask").SendKey(keyCodes.LEFT);
  195. $("#testmask").SendKey(keyCodes.DELETE);
  196. $("#testmask").SendKey(52);
  197. $("#testmask").SendKey(keyCodes.RIGHT);
  198. $("#testmask").SendKey(53);
  199. $("#testmask").SendKey(54);
  200. equal($("#testmask").val(), "143.56_.___", "Result " + $("#testmask").val());
  201. $("#testmask").remove();
  202. });
  203. test("inputmask(\"*****\")", function () {
  204. $('body').append('<input type="text" id="testmask" />');
  205. $("#testmask").inputmask("*****");
  206. $("#testmask")[0].focus();
  207. $("#testmask").Type("abe");
  208. $("#testmask").SendKey(keyCodes.LEFT);
  209. $("#testmask").Type("cd");
  210. equal($("#testmask").val(), "abcde", "Result " + $("#testmask").val());
  211. $("#testmask").remove();
  212. });
  213. module("Initial value setting");
  214. test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function () {
  215. $('body').append('<input type="text" id="testmask" value="007:20" />');
  216. $("#testmask").inputmask("999:99", { placeholder: "0" });
  217. equal($("#testmask").val(), "007:20", "Result " + $("#testmask").val());
  218. $("#testmask").remove();
  219. });
  220. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\"", function () {
  221. $('body').append('<input type="text" id="testmask" value="01 650 103 002 0001 DE101 5170" />');
  222. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  223. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  224. $("#testmask").remove();
  225. });
  226. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\"", function () {
  227. $('body').append('<input type="text" id="testmask" value="016501030020001DE1015170" />');
  228. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  229. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  230. $("#testmask").remove();
  231. });
  232. test("inputmask(\"\\D\\E***\") ~ value=\"DE001\"", function () {
  233. $('body').append('<input type="text" id="testmask" value="DE001" />');
  234. $("#testmask").inputmask("\\D\\E***");
  235. equal($("#testmask").val(), "DE001", "Result " + $("#testmask").val());
  236. $("#testmask").remove();
  237. });
  238. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  239. $('body').append('<input type="text" id="testmask" value="123.45" />');
  240. $("#testmask").inputmask("decimal");
  241. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  242. $("#testmask").remove();
  243. });
  244. module("Set value with fn.val");
  245. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  246. $('body').append('<input type="text" id="testmask" />');
  247. $("#testmask").inputmask("decimal");
  248. $("#testmask").val("123.45");
  249. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  250. $("#testmask").remove();
  251. });
  252. test("inputmask(\"+7 (999) 999-99-99\") ~ value=\"+7 (+79114041112___) ___-__-__\"", function () {
  253. $('body').append('<input type="text" id="testmask" />');
  254. $("#testmask").inputmask("+7 (999) 999-99-99");
  255. $("#testmask").val("+7 (+79114041112___) ___-__-__");
  256. equal($("#testmask").val(), "+7 (911) 404-11-12", "Result " + $("#testmask").val());
  257. $("#testmask").remove();
  258. });
  259. module("Optional & multi masks");
  260. test("inputmask(\"(99) 9999[9]-99999\") - input 121234-12345", function () {
  261. $('body').append('<input type="text" id="testmask" />');
  262. $("#testmask").inputmask("(99) 9999[9]-99999");
  263. $("#testmask")[0].focus();
  264. $("#testmask").SendKey("1");
  265. $("#testmask").SendKey("2");
  266. $("#testmask").SendKey("1");
  267. $("#testmask").SendKey("2");
  268. $("#testmask").SendKey("3");
  269. $("#testmask").SendKey("4");
  270. $("#testmask").SendKey("-");
  271. $("#testmask").SendKey("1");
  272. $("#testmask").SendKey("2");
  273. $("#testmask").SendKey("3");
  274. $("#testmask").SendKey("4");
  275. $("#testmask").SendKey("5");
  276. equal($("#testmask").val(), "(12) 1234-12345", "Result " + $("#testmask").val());
  277. $("#testmask").remove();
  278. });
  279. test("inputmask(\"(99) 9999[9]-99999\") - input 121234512345", function () {
  280. $('body').append('<input type="text" id="testmask" />');
  281. $("#testmask").inputmask("(99) 9999[9]-99999");
  282. $("#testmask")[0].focus();
  283. $("#testmask").SendKey("1");
  284. $("#testmask").SendKey("2");
  285. $("#testmask").SendKey("1");
  286. $("#testmask").SendKey("2");
  287. $("#testmask").SendKey("3");
  288. $("#testmask").SendKey("4");
  289. $("#testmask").SendKey("5");
  290. $("#testmask").SendKey("1");
  291. $("#testmask").SendKey("2");
  292. $("#testmask").SendKey("3");
  293. $("#testmask").SendKey("4");
  294. $("#testmask").SendKey("5");
  295. equal($("#testmask").val(), "(12) 12345-12345", "Result " + $("#testmask").val());
  296. $("#testmask").remove();
  297. });
  298. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12312312312", function () {
  299. $('body').append('<input type="text" id="testmask" />');
  300. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  301. $("#testmask")[0].focus();
  302. $("#testmask").Type("12312312312");
  303. equal($("#testmask").val(), "123.123.123-12", "Result " + $("#testmask").val());
  304. $("#testmask").remove();
  305. });
  306. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12.123123123412", function () {
  307. $('body').append('<input type="text" id="testmask" />');
  308. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  309. $("#testmask")[0].focus();
  310. $("#testmask").Type("12.123123123412");
  311. equal($("#testmask").val(), "12.123.123/1234-12", "Result " + $("#testmask").val());
  312. $("#testmask").remove();
  313. });
  314. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345", function () {
  315. $('body').append('<input type="text" id="testmask" />');
  316. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  317. $("#testmask")[0].focus();
  318. $("#testmask").Type("12345");
  319. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  320. $("#testmask").remove();
  321. });
  322. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345-1234", function () {
  323. $('body').append('<input type="text" id="testmask" />');
  324. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  325. $("#testmask")[0].focus();
  326. $("#testmask").Type("12345-1234");
  327. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  328. $("#testmask").remove();
  329. });
  330. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 123451234", function () {
  331. $('body').append('<input type="text" id="testmask" />');
  332. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  333. $("#testmask")[0].focus();
  334. $("#testmask").Type("123451234");
  335. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  336. $("#testmask").remove();
  337. });
  338. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 1234512", function () {
  339. $('body').append('<input type="text" id="testmask" />');
  340. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  341. $("#testmask")[0].focus();
  342. $("#testmask").Type("1234512");
  343. equal($("#testmask").val(), "12345-12__", "Result " + $("#testmask").val());
  344. $("#testmask").remove();
  345. });
  346. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 1234561234", function () {
  347. $('body').append('<input type="text" id="testmask" />');
  348. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  349. $("#testmask")[0].focus();
  350. $("#testmask").Type("1234561234");
  351. equal($("#testmask").val(), "123456-1234", "Result " + $("#testmask").val());
  352. $("#testmask").remove();
  353. });
  354. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456", function () {
  355. $('body').append('<input type="text" id="testmask" />');
  356. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  357. $("#testmask")[0].focus();
  358. $("#testmask").Type("123456");
  359. equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
  360. //this is correct as the sequence of the masks || currently "99999-9999", "999999-9999" are valid and thus showing "99999-9999"
  361. $("#testmask").remove();
  362. });
  363. test("inputmask({ mask: \"99999[-9999]\", greedy: true }) - input 123", function () {
  364. $('body').append('<input type="text" id="testmask" />');
  365. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: true });
  366. $("#testmask")[0].focus();
  367. $("#testmask").Type("123");
  368. equal($("#testmask").val(), "123__-____", "Result " + $("#testmask").val());
  369. $("#testmask").remove();
  370. });
  371. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123", function () {
  372. $('body').append('<input type="text" id="testmask" />');
  373. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  374. $("#testmask")[0].focus();
  375. $("#testmask").Type("123");
  376. equal($("#testmask").val(), "123__", "Result " + $("#testmask").val());
  377. $("#testmask").remove();
  378. });
  379. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 12345", function () {
  380. $('body').append('<input type="text" id="testmask" />');
  381. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  382. $("#testmask")[0].focus();
  383. $("#testmask").Type("12345");
  384. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  385. $("#testmask").remove();
  386. });
  387. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function () {
  388. $('body').append('<input type="text" id="testmask" />');
  389. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  390. $("#testmask")[0].focus();
  391. $("#testmask").Type("123456");
  392. equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
  393. $("#testmask").remove();
  394. });
  395. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456789", function () {
  396. $('body').append('<input type="text" id="testmask" />');
  397. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  398. $("#testmask")[0].focus();
  399. $("#testmask").Type("123456789");
  400. equal($("#testmask").val(), "12345-6789", "Result " + $("#testmask").val());
  401. $("#testmask").remove();
  402. });
  403. module("Date.Extensions");
  404. test("inputmask(\"dd/mm/yyyy\") - input 2331973", function () {
  405. $('body').append('<input type="text" id="testmask" />');
  406. $("#testmask").inputmask("dd/mm/yyyy");
  407. $("#testmask")[0].focus();
  408. $("#testmask").SendKey("2");
  409. $("#testmask").SendKey("3");
  410. $("#testmask").SendKey("3");
  411. $("#testmask").SendKey("1");
  412. $("#testmask").SendKey("9");
  413. $("#testmask").SendKey("7");
  414. $("#testmask").SendKey("3");
  415. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  416. $("#testmask").remove();
  417. });
  418. test("inputmask(\"mm/dd/yyyy\") - input 3231973", function () {
  419. $('body').append('<input type="text" id="testmask" />');
  420. $("#testmask").inputmask("mm/dd/yyyy");
  421. $("#testmask")[0].focus();
  422. $("#testmask").SendKey("3");
  423. $("#testmask").SendKey("2");
  424. $("#testmask").SendKey("3");
  425. $("#testmask").SendKey("1");
  426. $("#testmask").SendKey("9");
  427. $("#testmask").SendKey("7");
  428. $("#testmask").SendKey("3");
  429. equal($("#testmask").val(), "03/23/1973", "Result " + $("#testmask").val());
  430. $("#testmask").remove();
  431. });
  432. test("inputmask(\"dd/mm/yyyy\") - input 29022012", function () {
  433. $('body').append('<input type="text" id="testmask" />');
  434. $("#testmask").inputmask("dd/mm/yyyy");
  435. $("#testmask")[0].focus();
  436. $("#testmask").SendKey("2");
  437. $("#testmask").SendKey("9");
  438. $("#testmask").SendKey("0");
  439. $("#testmask").SendKey("2");
  440. $("#testmask").SendKey("2");
  441. $("#testmask").SendKey("0");
  442. $("#testmask").SendKey("1");
  443. $("#testmask").SendKey("2");
  444. equal($("#testmask").val(), "29/02/2012", "Result " + $("#testmask").val());
  445. $("#testmask").remove();
  446. });
  447. test("inputmask(\"dd/mm/yyyy\") - input 29022013", function () {
  448. $('body').append('<input type="text" id="testmask" />');
  449. $("#testmask").inputmask("dd/mm/yyyy");
  450. $("#testmask")[0].focus();
  451. $("#testmask").SendKey("2");
  452. $("#testmask").SendKey("9");
  453. $("#testmask").SendKey("0");
  454. $("#testmask").SendKey("2");
  455. $("#testmask").SendKey("2");
  456. $("#testmask").SendKey("0");
  457. $("#testmask").SendKey("1");
  458. $("#testmask").SendKey("3");
  459. equal($("#testmask").val(), "29/02/201y", "Result " + $("#testmask").val());
  460. $("#testmask").remove();
  461. });
  462. test("inputmask(\"mm/dd/yyyy\") - input 02292012", function () {
  463. $('body').append('<input type="text" id="testmask" />');
  464. $("#testmask").inputmask("mm/dd/yyyy");
  465. $("#testmask")[0].focus();
  466. $("#testmask").SendKey("0");
  467. $("#testmask").SendKey("2");
  468. $("#testmask").SendKey("2");
  469. $("#testmask").SendKey("9");
  470. $("#testmask").SendKey("2");
  471. $("#testmask").SendKey("0");
  472. $("#testmask").SendKey("1");
  473. $("#testmask").SendKey("2");
  474. equal($("#testmask").val(), "02/29/2012", "Result " + $("#testmask").val());
  475. $("#testmask").remove();
  476. });
  477. test("inputmask(\"mm/dd/yyyy\") - input 02292013", function () {
  478. $('body').append('<input type="text" id="testmask" />');
  479. $("#testmask").inputmask("mm/dd/yyyy");
  480. $("#testmask")[0].focus();
  481. $("#testmask").SendKey("0");
  482. $("#testmask").SendKey("2");
  483. $("#testmask").SendKey("2");
  484. $("#testmask").SendKey("9");
  485. $("#testmask").SendKey("2");
  486. $("#testmask").SendKey("0");
  487. $("#testmask").SendKey("1");
  488. $("#testmask").SendKey("3");
  489. equal($("#testmask").val(), "02/29/201y", "Result " + $("#testmask").val());
  490. $("#testmask").remove();
  491. });
  492. test("inputmask(\"dd/mm/yyyy\") - input CTRL RIGHT", function () {
  493. $('body').append('<input type="text" id="testmask" />');
  494. $("#testmask").inputmask("dd/mm/yyyy");
  495. $("#testmask")[0].focus();
  496. $("#testmask").SendKey(keyCodes.RIGHT, keyCodes.CONTROL);
  497. ok($("#testmask").val() != "dd/mm/yyyy", "Result " + $("#testmask").val());
  498. $("#testmask").remove();
  499. });
  500. test("inputmask(\"dd/mm/yyyy\") - input 2331973 BACKSPACE x4 2013", function () {
  501. $('body').append('<input type="text" id="testmask" />');
  502. $("#testmask").inputmask("dd/mm/yyyy");
  503. $("#testmask")[0].focus();
  504. $("#testmask").SendKey("2");
  505. $("#testmask").SendKey("3");
  506. $("#testmask").SendKey("3");
  507. $("#testmask").SendKey("1");
  508. $("#testmask").SendKey("9");
  509. $("#testmask").SendKey("7");
  510. $("#testmask").SendKey("3");
  511. $("#testmask").SendKey(keyCodes.BACKSPACE);
  512. $("#testmask").SendKey(keyCodes.BACKSPACE);
  513. $("#testmask").SendKey(keyCodes.BACKSPACE);
  514. $("#testmask").SendKey(keyCodes.BACKSPACE);
  515. $("#testmask").SendKey("2");
  516. $("#testmask").SendKey("0");
  517. $("#testmask").SendKey("1");
  518. $("#testmask").SendKey("3");
  519. equal($("#testmask").val(), "23/03/2013", "Result " + $("#testmask").val());
  520. $("#testmask").remove();
  521. });
  522. module("Numeric.Extensions");
  523. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123", function () {
  524. $('body').append('<input type="text" id="testmask" />');
  525. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  526. $("#testmask")[0].focus();
  527. $("#testmask").SendKey("1");
  528. $("#testmask").SendKey("2");
  529. $("#testmask").SendKey("3");
  530. $("#testmask").SendKey("4");
  531. $("#testmask").SendKey("5");
  532. $("#testmask").SendKey(".");
  533. $("#testmask").SendKey("1");
  534. $("#testmask").SendKey("2");
  535. $("#testmask").SendKey("3");
  536. equal($("#testmask").val(), "12,345.123", "Result " + $("#testmask").val());
  537. $("#testmask").remove();
  538. });
  539. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  540. $('body').append('<input type="text" id="testmask" />');
  541. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  542. $("#testmask")[0].focus();
  543. $("#testmask").Type("12345.123");
  544. $("#testmask")[0].focus();
  545. //$("#testmask").click();
  546. $("#testmask").SendKey(keyCodes.LEFT);
  547. $("#testmask").SendKey(keyCodes.LEFT);
  548. $("#testmask").SendKey(keyCodes.LEFT);
  549. $("#testmask").SendKey(keyCodes.LEFT);
  550. $("#testmask").SendKey(keyCodes.DELETE);
  551. $("#testmask").SendKey(keyCodes.DELETE);
  552. $("#testmask").SendKey(keyCodes.DELETE);
  553. $("#testmask").SendKey(keyCodes.BACKSPACE);
  554. equal($("#testmask").val(), "12,345", "Result " + $("#testmask").val());
  555. $("#testmask").remove();
  556. });
  557. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  558. $('body').append('<input type="text" id="testmask" />');
  559. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  560. $("#testmask")[0].focus();
  561. $("#testmask").Type("12345.123");
  562. //$("#testmask").click();
  563. $("#testmask").SendKey(keyCodes.LEFT);
  564. $("#testmask").SendKey(keyCodes.LEFT);
  565. $("#testmask").SendKey(keyCodes.LEFT);
  566. $("#testmask").SendKey(keyCodes.LEFT);
  567. $("#testmask").SendKey(keyCodes.DELETE);
  568. $("#testmask").SendKey(keyCodes.DELETE);
  569. $("#testmask").SendKey(keyCodes.DELETE);
  570. $("#testmask").Type(".789");
  571. equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
  572. $("#testmask").remove();
  573. });
  574. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  575. $('body').append('<input type="text" id="testmask" />');
  576. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  577. $("#testmask")[0].focus();
  578. $("#testmask").Type("12345.123");
  579. //$("#testmask").click();
  580. $("#testmask").SendKey(keyCodes.LEFT);
  581. $("#testmask").SendKey(keyCodes.LEFT);
  582. $("#testmask").SendKey(keyCodes.LEFT);
  583. $("#testmask").SendKey(keyCodes.LEFT);
  584. $("#testmask").SendKey(keyCodes.DELETE);
  585. $("#testmask").SendKey(keyCodes.DELETE);
  586. $("#testmask").SendKey(keyCodes.DELETE);
  587. $("#testmask").SendKey(keyCodes.BACKSPACE);
  588. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  589. $("#testmask").remove();
  590. });
  591. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  592. $('body').append('<input type="text" id="testmask" />');
  593. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  594. $("#testmask")[0].focus();
  595. $("#testmask").Type("12345.123");
  596. //$("#testmask").click();
  597. $("#testmask").SendKey(keyCodes.LEFT);
  598. $("#testmask").SendKey(keyCodes.LEFT);
  599. $("#testmask").SendKey(keyCodes.LEFT);
  600. $("#testmask").SendKey(keyCodes.LEFT);
  601. $("#testmask").SendKey(keyCodes.DELETE);
  602. $("#testmask").SendKey(keyCodes.DELETE);
  603. $("#testmask").SendKey(keyCodes.DELETE);
  604. $("#testmask").Type(".789");
  605. equal($("#testmask").val(), "12345.789", "Result " + $("#testmask").val());
  606. $("#testmask").remove();
  607. });
  608. module("Direction RTL");
  609. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  610. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  611. $("#testmask").inputmask("999.999.999");
  612. $("#testmask")[0].focus();
  613. $("#testmask").SendKey("1");
  614. $("#testmask").SendKey("2");
  615. $("#testmask").SendKey("3");
  616. $("#testmask").SendKey(keyCodes.RIGHT);
  617. $("#testmask").SendKey(keyCodes.RIGHT);
  618. $("#testmask").SendKey(keyCodes.BACKSPACE);
  619. $("#testmask").SendKey("4");
  620. $("#testmask").SendKey(keyCodes.LEFT);
  621. $("#testmask").SendKey("5");
  622. $("#testmask").SendKey("6");
  623. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  624. $("#testmask").remove();
  625. });
  626. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  627. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  628. $("#testmask").inputmask("999.999.999");
  629. $("#testmask")[0].focus();
  630. $("#testmask").SendKey("1");
  631. $("#testmask").SendKey("2");
  632. $("#testmask").SendKey("3");
  633. $("#testmask").SendKey(keyCodes.RIGHT);
  634. $("#testmask").SendKey(keyCodes.DELETE);
  635. $("#testmask").SendKey("4");
  636. $("#testmask").SendKey(keyCodes.LEFT);
  637. $("#testmask").SendKey("5");
  638. $("#testmask").SendKey("6");
  639. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  640. $("#testmask").remove();
  641. });
  642. test("inputmask(\"999-aaa-999\")", function () {
  643. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  644. $("#testmask").inputmask("999-aaa-999");
  645. $("#testmask")[0].focus();
  646. $("#testmask").Type("123abc12");
  647. equal($("#testmask").val(), "_21-cba-321", "Result " + $("#testmask").val());
  648. $("#testmask").remove();
  649. });