tests.js 34 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025
  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. function caret(input, begin, end) {
  6. var npt = input.jquery && input.length > 0 ? input[0] : input, range;
  7. if (typeof begin == 'number') {
  8. if (!$(input).is(':visible')) {
  9. return;
  10. }
  11. end = (typeof end == 'number') ? end : begin;
  12. if (npt.setSelectionRange) {
  13. npt.selectionStart = begin;
  14. npt.selectionEnd = end;
  15. } else if (npt.createTextRange) {
  16. range = npt.createTextRange();
  17. range.collapse(true);
  18. range.moveEnd('character', end);
  19. range.moveStart('character', begin);
  20. range.select();
  21. }
  22. } else {
  23. if (!$(input).is(':visible')) {
  24. return { "begin": 0, "end": 0 };
  25. }
  26. if (npt.setSelectionRange) {
  27. begin = npt.selectionStart;
  28. end = npt.selectionEnd;
  29. } else if (document.selection && document.selection.createRange) {
  30. range = document.selection.createRange();
  31. begin = 0 - range.duplicate().moveStart('character', -100000);
  32. end = begin + range.text.length;
  33. }
  34. return { "begin": begin, "end": end };
  35. }
  36. };
  37. $.fn.SendKey = function (keyCode, modifier) {
  38. var sendDummyKeydown = false;
  39. if (Object.prototype.toString.call(keyCode) == '[object String]') {
  40. keyCode = keyCode.charCodeAt(0);
  41. sendDummyKeydown = true;
  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("Non-greedy masks");
  214. test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - replace cd with 1", function () {
  215. $('body').append('<input type="text" id="testmask" />');
  216. $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
  217. $("#testmask")[0].focus();
  218. $("#testmask").Type("abcdef");
  219. caret($("#testmask"), 2, 4);
  220. $("#testmask").SendKey("1");
  221. equal($("#testmask").val(), "ab1ef", "Result " + $("#testmask").val());
  222. $("#testmask").remove();
  223. });
  224. test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - type abcdef", function () {
  225. $('body').append('<input type="text" id="testmask" />');
  226. $("#testmask").inputmask("*", { greedy: false, repeat: "*" });
  227. $("#testmask")[0].focus();
  228. $("#testmask").Type("abcdef");
  229. equal($("#testmask").val(), "abcdef", "Result " + $("#testmask").val());
  230. $("#testmask").remove();
  231. });
  232. module("Initial value setting");
  233. test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function () {
  234. $('body').append('<input type="text" id="testmask" value="007:20" />');
  235. $("#testmask").inputmask("999:99", { placeholder: "0" });
  236. equal($("#testmask").val(), "007:20", "Result " + $("#testmask").val());
  237. $("#testmask").remove();
  238. });
  239. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\"", function () {
  240. $('body').append('<input type="text" id="testmask" value="01 650 103 002 0001 DE101 5170" />');
  241. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  242. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  243. $("#testmask").remove();
  244. });
  245. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\"", function () {
  246. $('body').append('<input type="text" id="testmask" value="016501030020001DE1015170" />');
  247. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  248. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  249. $("#testmask").remove();
  250. });
  251. test("inputmask(\"\\D\\E***\") ~ value=\"DE001\"", function () {
  252. $('body').append('<input type="text" id="testmask" value="DE001" />');
  253. $("#testmask").inputmask("\\D\\E***");
  254. equal($("#testmask").val(), "DE001", "Result " + $("#testmask").val());
  255. $("#testmask").remove();
  256. });
  257. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  258. $('body').append('<input type="text" id="testmask" value="123.45" />');
  259. $("#testmask").inputmask("decimal");
  260. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  261. $("#testmask").remove();
  262. });
  263. module("Set value with fn.val");
  264. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  265. $('body').append('<input type="text" id="testmask" />');
  266. $("#testmask").inputmask("decimal");
  267. $("#testmask").val("123.45");
  268. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  269. $("#testmask").remove();
  270. });
  271. test("inputmask(\"+7 (999) 999-99-99\") ~ value=\"+7 (+79114041112___) ___-__-__\"", function () {
  272. $('body').append('<input type="text" id="testmask" />');
  273. $("#testmask").inputmask("+7 (999) 999-99-99");
  274. $("#testmask").val("+7 (+79114041112___) ___-__-__");
  275. equal($("#testmask").val(), "+7 (911) 404-11-12", "Result " + $("#testmask").val());
  276. $("#testmask").remove();
  277. });
  278. module("Optional & multi masks");
  279. test("inputmask(\"(99) 9999[9]-99999\") - input 121234-12345", 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("-");
  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) 1234-12345", "Result " + $("#testmask").val());
  296. $("#testmask").remove();
  297. });
  298. test("inputmask(\"(99) 9999[9]-99999\") - input 121234512345", function () {
  299. $('body').append('<input type="text" id="testmask" />');
  300. $("#testmask").inputmask("(99) 9999[9]-99999");
  301. $("#testmask")[0].focus();
  302. $("#testmask").SendKey("1");
  303. $("#testmask").SendKey("2");
  304. $("#testmask").SendKey("1");
  305. $("#testmask").SendKey("2");
  306. $("#testmask").SendKey("3");
  307. $("#testmask").SendKey("4");
  308. $("#testmask").SendKey("5");
  309. $("#testmask").SendKey("1");
  310. $("#testmask").SendKey("2");
  311. $("#testmask").SendKey("3");
  312. $("#testmask").SendKey("4");
  313. $("#testmask").SendKey("5");
  314. equal($("#testmask").val(), "(12) 12345-12345", "Result " + $("#testmask").val());
  315. $("#testmask").remove();
  316. });
  317. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12312312312", function () {
  318. $('body').append('<input type="text" id="testmask" />');
  319. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  320. $("#testmask")[0].focus();
  321. $("#testmask").Type("12312312312");
  322. equal($("#testmask").val(), "123.123.123-12", "Result " + $("#testmask").val());
  323. $("#testmask").remove();
  324. });
  325. test("inputmask({ mask: [\"999.999.999-99\", \"99.999.999/9999-99\"]}) - input 12.123123123412", function () {
  326. $('body').append('<input type="text" id="testmask" />');
  327. $("#testmask").inputmask({ mask: ["999.999.999-99", "99.999.999/9999-99"] });
  328. $("#testmask")[0].focus();
  329. $("#testmask").Type("12.123123123412");
  330. equal($("#testmask").val(), "12.123.123/1234-12", "Result " + $("#testmask").val());
  331. $("#testmask").remove();
  332. });
  333. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345", function () {
  334. $('body').append('<input type="text" id="testmask" />');
  335. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  336. $("#testmask")[0].focus();
  337. $("#testmask").Type("12345");
  338. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  339. $("#testmask").remove();
  340. });
  341. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 12345-1234", function () {
  342. $('body').append('<input type="text" id="testmask" />');
  343. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  344. $("#testmask")[0].focus();
  345. $("#testmask").Type("12345-1234");
  346. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  347. $("#testmask").remove();
  348. });
  349. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 123451234", function () {
  350. $('body').append('<input type="text" id="testmask" />');
  351. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  352. $("#testmask")[0].focus();
  353. $("#testmask").Type("123451234");
  354. equal($("#testmask").val(), "12345-1234", "Result " + $("#testmask").val());
  355. $("#testmask").remove();
  356. });
  357. test("inputmask({ mask: [\"99999\", \"99999-9999\"]]}) - input 1234512", function () {
  358. $('body').append('<input type="text" id="testmask" />');
  359. $("#testmask").inputmask({ mask: ["99999", "99999-9999"] });
  360. $("#testmask")[0].focus();
  361. $("#testmask").Type("1234512");
  362. equal($("#testmask").val(), "12345-12__", "Result " + $("#testmask").val());
  363. $("#testmask").remove();
  364. });
  365. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 1234561234", function () {
  366. $('body').append('<input type="text" id="testmask" />');
  367. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  368. $("#testmask")[0].focus();
  369. $("#testmask").Type("1234561234");
  370. equal($("#testmask").val(), "123456-1234", "Result " + $("#testmask").val());
  371. $("#testmask").remove();
  372. });
  373. test("inputmask({ mask: [\"99999\", \"99999-9999\", \"999999-9999\"]]}) - input 123456", function () {
  374. $('body').append('<input type="text" id="testmask" />');
  375. $("#testmask").inputmask({ mask: ["99999", "99999-9999", "999999-9999"] });
  376. $("#testmask")[0].focus();
  377. $("#testmask").Type("123456");
  378. equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
  379. //this is correct as the sequence of the masks || currently "99999-9999", "999999-9999" are valid and thus showing "99999-9999"
  380. $("#testmask").remove();
  381. });
  382. test("inputmask({ mask: \"99999[-9999]\", greedy: true }) - input 123", function () {
  383. $('body').append('<input type="text" id="testmask" />');
  384. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: true });
  385. $("#testmask")[0].focus();
  386. $("#testmask").Type("123");
  387. equal($("#testmask").val(), "123__-____", "Result " + $("#testmask").val());
  388. $("#testmask").remove();
  389. });
  390. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123", function () {
  391. $('body').append('<input type="text" id="testmask" />');
  392. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  393. $("#testmask")[0].focus();
  394. $("#testmask").Type("123");
  395. equal($("#testmask").val(), "123__", "Result " + $("#testmask").val());
  396. $("#testmask").remove();
  397. });
  398. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 12345", function () {
  399. $('body').append('<input type="text" id="testmask" />');
  400. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  401. $("#testmask")[0].focus();
  402. $("#testmask").Type("12345");
  403. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  404. $("#testmask").remove();
  405. });
  406. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function () {
  407. $('body').append('<input type="text" id="testmask" />');
  408. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  409. $("#testmask")[0].focus();
  410. $("#testmask").Type("123456");
  411. equal($("#testmask").val(), "12345-6___", "Result " + $("#testmask").val());
  412. $("#testmask").remove();
  413. });
  414. test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456789", function () {
  415. $('body').append('<input type="text" id="testmask" />');
  416. $("#testmask").inputmask({ mask: "99999[-9999]", greedy: false });
  417. $("#testmask")[0].focus();
  418. $("#testmask").Type("123456789");
  419. equal($("#testmask").val(), "12345-6789", "Result " + $("#testmask").val());
  420. $("#testmask").remove();
  421. });
  422. module("Date.Extensions");
  423. test("inputmask(\"dd/mm/yyyy\") - input 2331973", function () {
  424. $('body').append('<input type="text" id="testmask" />');
  425. $("#testmask").inputmask("dd/mm/yyyy");
  426. $("#testmask")[0].focus();
  427. $("#testmask").SendKey("2");
  428. $("#testmask").SendKey("3");
  429. $("#testmask").SendKey("3");
  430. $("#testmask").SendKey("1");
  431. $("#testmask").SendKey("9");
  432. $("#testmask").SendKey("7");
  433. $("#testmask").SendKey("3");
  434. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  435. $("#testmask").remove();
  436. });
  437. test("inputmask(\"mm/dd/yyyy\") - input 3231973", function () {
  438. $('body').append('<input type="text" id="testmask" />');
  439. $("#testmask").inputmask("mm/dd/yyyy");
  440. $("#testmask")[0].focus();
  441. $("#testmask").SendKey("3");
  442. $("#testmask").SendKey("2");
  443. $("#testmask").SendKey("3");
  444. $("#testmask").SendKey("1");
  445. $("#testmask").SendKey("9");
  446. $("#testmask").SendKey("7");
  447. $("#testmask").SendKey("3");
  448. equal($("#testmask").val(), "03/23/1973", "Result " + $("#testmask").val());
  449. $("#testmask").remove();
  450. });
  451. test("inputmask(\"dd/mm/yyyy\") - input 29022012", function () {
  452. $('body').append('<input type="text" id="testmask" />');
  453. $("#testmask").inputmask("dd/mm/yyyy");
  454. $("#testmask")[0].focus();
  455. $("#testmask").SendKey("2");
  456. $("#testmask").SendKey("9");
  457. $("#testmask").SendKey("0");
  458. $("#testmask").SendKey("2");
  459. $("#testmask").SendKey("2");
  460. $("#testmask").SendKey("0");
  461. $("#testmask").SendKey("1");
  462. $("#testmask").SendKey("2");
  463. equal($("#testmask").val(), "29/02/2012", "Result " + $("#testmask").val());
  464. $("#testmask").remove();
  465. });
  466. test("inputmask(\"dd/mm/yyyy\") - input 29022013", function () {
  467. $('body').append('<input type="text" id="testmask" />');
  468. $("#testmask").inputmask("dd/mm/yyyy");
  469. $("#testmask")[0].focus();
  470. $("#testmask").SendKey("2");
  471. $("#testmask").SendKey("9");
  472. $("#testmask").SendKey("0");
  473. $("#testmask").SendKey("2");
  474. $("#testmask").SendKey("2");
  475. $("#testmask").SendKey("0");
  476. $("#testmask").SendKey("1");
  477. $("#testmask").SendKey("3");
  478. equal($("#testmask").val(), "29/02/201y", "Result " + $("#testmask").val());
  479. $("#testmask").remove();
  480. });
  481. test("inputmask(\"mm/dd/yyyy\") - input 02292012", function () {
  482. $('body').append('<input type="text" id="testmask" />');
  483. $("#testmask").inputmask("mm/dd/yyyy");
  484. $("#testmask")[0].focus();
  485. $("#testmask").SendKey("0");
  486. $("#testmask").SendKey("2");
  487. $("#testmask").SendKey("2");
  488. $("#testmask").SendKey("9");
  489. $("#testmask").SendKey("2");
  490. $("#testmask").SendKey("0");
  491. $("#testmask").SendKey("1");
  492. $("#testmask").SendKey("2");
  493. equal($("#testmask").val(), "02/29/2012", "Result " + $("#testmask").val());
  494. $("#testmask").remove();
  495. });
  496. test("inputmask(\"mm/dd/yyyy\") - input 02292013", function () {
  497. $('body').append('<input type="text" id="testmask" />');
  498. $("#testmask").inputmask("mm/dd/yyyy");
  499. $("#testmask")[0].focus();
  500. $("#testmask").SendKey("0");
  501. $("#testmask").SendKey("2");
  502. $("#testmask").SendKey("2");
  503. $("#testmask").SendKey("9");
  504. $("#testmask").SendKey("2");
  505. $("#testmask").SendKey("0");
  506. $("#testmask").SendKey("1");
  507. $("#testmask").SendKey("3");
  508. equal($("#testmask").val(), "02/29/201y", "Result " + $("#testmask").val());
  509. $("#testmask").remove();
  510. });
  511. test("inputmask(\"dd/mm/yyyy\") - input CTRL RIGHT", function () {
  512. $('body').append('<input type="text" id="testmask" />');
  513. $("#testmask").inputmask("dd/mm/yyyy");
  514. $("#testmask")[0].focus();
  515. $("#testmask").SendKey(keyCodes.RIGHT, keyCodes.CONTROL);
  516. ok($("#testmask").val() != "dd/mm/yyyy", "Result " + $("#testmask").val());
  517. $("#testmask").remove();
  518. });
  519. test("inputmask(\"dd/mm/yyyy\") - input 2331973 BACKSPACE x4 2013", function () {
  520. $('body').append('<input type="text" id="testmask" />');
  521. $("#testmask").inputmask("dd/mm/yyyy");
  522. $("#testmask")[0].focus();
  523. $("#testmask").SendKey("2");
  524. $("#testmask").SendKey("3");
  525. $("#testmask").SendKey("3");
  526. $("#testmask").SendKey("1");
  527. $("#testmask").SendKey("9");
  528. $("#testmask").SendKey("7");
  529. $("#testmask").SendKey("3");
  530. $("#testmask").SendKey(keyCodes.BACKSPACE);
  531. $("#testmask").SendKey(keyCodes.BACKSPACE);
  532. $("#testmask").SendKey(keyCodes.BACKSPACE);
  533. $("#testmask").SendKey(keyCodes.BACKSPACE);
  534. $("#testmask").SendKey("2");
  535. $("#testmask").SendKey("0");
  536. $("#testmask").SendKey("1");
  537. $("#testmask").SendKey("3");
  538. equal($("#testmask").val(), "23/03/2013", "Result " + $("#testmask").val());
  539. $("#testmask").remove();
  540. });
  541. test("inputmask(\"dd/mm/yyyy\") - input 23373 ", function () {
  542. $('body').append('<input type="text" id="testmask" />');
  543. $("#testmask").inputmask("dd/mm/yyyy");
  544. $("#testmask")[0].focus();
  545. $("#testmask").Type("23373");
  546. equal($("#testmask").val(), "23/03/2073", "Result " + $("#testmask").val());
  547. $("#testmask").remove();
  548. });
  549. test("inputmask(\"dd/mm/yyyy\", { yearrange: { minyear: 1900, maxyear: 2000 } }) - input 23373 ", function () {
  550. $('body').append('<input type="text" id="testmask" />');
  551. $("#testmask").inputmask("dd/mm/yyyy", { yearrange: { minyear: 1900, maxyear: 2000 } });
  552. $("#testmask")[0].focus();
  553. $("#testmask").Type("23373");
  554. equal($("#testmask").val(), "23/03/1973", "Result " + $("#testmask").val());
  555. $("#testmask").remove();
  556. });
  557. test("inputmask(\"hh:mm\") - add remove add", function () {
  558. $('body').append('<input type="text" id="testmask" />');
  559. $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
  560. $('#testmask').inputmask('remove');
  561. $('#testmask').inputmask('hh:mm', { clearIncomplete: true });
  562. $("#testmask")[0].focus();
  563. $("#testmask").Type("abcdef");
  564. $("#testmask").Type("23:50");
  565. equal($("#testmask").val(), "23:50", "Result " + $("#testmask").val());
  566. $("#testmask").remove();
  567. });
  568. module("Numeric.Extensions");
  569. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123", function () {
  570. $('body').append('<input type="text" id="testmask" />');
  571. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  572. $("#testmask")[0].focus();
  573. $("#testmask").SendKey("1");
  574. $("#testmask").SendKey("2");
  575. $("#testmask").SendKey("3");
  576. $("#testmask").SendKey("4");
  577. $("#testmask").SendKey("5");
  578. $("#testmask").SendKey(".");
  579. $("#testmask").SendKey("1");
  580. $("#testmask").SendKey("2");
  581. $("#testmask").SendKey("3");
  582. equal($("#testmask").val(), "12,345.123", "Result " + $("#testmask").val());
  583. $("#testmask").remove();
  584. });
  585. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  586. $('body').append('<input type="text" id="testmask" />');
  587. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  588. $("#testmask")[0].focus();
  589. $("#testmask").Type("12345.123");
  590. $("#testmask")[0].focus();
  591. //$("#testmask").click();
  592. $("#testmask").SendKey(keyCodes.LEFT);
  593. $("#testmask").SendKey(keyCodes.LEFT);
  594. $("#testmask").SendKey(keyCodes.LEFT);
  595. $("#testmask").SendKey(keyCodes.LEFT);
  596. $("#testmask").SendKey(keyCodes.DELETE);
  597. $("#testmask").SendKey(keyCodes.DELETE);
  598. $("#testmask").SendKey(keyCodes.DELETE);
  599. $("#testmask").SendKey(keyCodes.BACKSPACE);
  600. equal($("#testmask").val(), "12,345", "Result " + $("#testmask").val());
  601. $("#testmask").remove();
  602. });
  603. test("inputmask(\"decimal\", { autoGroup: true, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  604. $('body').append('<input type="text" id="testmask" />');
  605. $("#testmask").inputmask("decimal", { autoGroup: true, groupSeparator: "," });
  606. $("#testmask")[0].focus();
  607. $("#testmask").Type("12345.123");
  608. //$("#testmask").click();
  609. $("#testmask").SendKey(keyCodes.LEFT);
  610. $("#testmask").SendKey(keyCodes.LEFT);
  611. $("#testmask").SendKey(keyCodes.LEFT);
  612. $("#testmask").SendKey(keyCodes.LEFT);
  613. $("#testmask").SendKey(keyCodes.DELETE);
  614. $("#testmask").SendKey(keyCodes.DELETE);
  615. $("#testmask").SendKey(keyCodes.DELETE);
  616. $("#testmask").Type(".789");
  617. equal($("#testmask").val(), "12,345.789", "Result " + $("#testmask").val());
  618. $("#testmask").remove();
  619. });
  620. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + remove .123", function () {
  621. $('body').append('<input type="text" id="testmask" />');
  622. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  623. $("#testmask")[0].focus();
  624. $("#testmask").Type("12345.123");
  625. //$("#testmask").click();
  626. $("#testmask").SendKey(keyCodes.LEFT);
  627. $("#testmask").SendKey(keyCodes.LEFT);
  628. $("#testmask").SendKey(keyCodes.LEFT);
  629. $("#testmask").SendKey(keyCodes.LEFT);
  630. $("#testmask").SendKey(keyCodes.DELETE);
  631. $("#testmask").SendKey(keyCodes.DELETE);
  632. $("#testmask").SendKey(keyCodes.DELETE);
  633. $("#testmask").SendKey(keyCodes.BACKSPACE);
  634. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  635. $("#testmask").remove();
  636. });
  637. test("inputmask(\"decimal\", { autoGroup: false, groupSeparator: \",\" }\") - input 12345.123 + replace .123 => .789", function () {
  638. $('body').append('<input type="text" id="testmask" />');
  639. $("#testmask").inputmask("decimal", { autoGroup: false, groupSeparator: "," });
  640. $("#testmask")[0].focus();
  641. $("#testmask").Type("12345.123");
  642. //$("#testmask").click();
  643. $("#testmask").SendKey(keyCodes.LEFT);
  644. $("#testmask").SendKey(keyCodes.LEFT);
  645. $("#testmask").SendKey(keyCodes.LEFT);
  646. $("#testmask").SendKey(keyCodes.LEFT);
  647. $("#testmask").SendKey(keyCodes.DELETE);
  648. $("#testmask").SendKey(keyCodes.DELETE);
  649. $("#testmask").SendKey(keyCodes.DELETE);
  650. $("#testmask").Type(".789");
  651. equal($("#testmask").val(), "12345.789", "Result " + $("#testmask").val());
  652. $("#testmask").remove();
  653. });
  654. test("inputmask(\"decimal\") - maxlength 10", function () {
  655. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  656. $("#testmask").inputmask("decimal");
  657. $("#testmask")[0].focus();
  658. $("#testmask").Type("123456789012345");
  659. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  660. $("#testmask").remove();
  661. });
  662. test("inputmask(\"decimal, { repeat: 15 }\") - maxlength 10", function () {
  663. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  664. $("#testmask").inputmask("decimal", { repeat: 15 });
  665. $("#testmask")[0].focus();
  666. $("#testmask").Type("123456789012345");
  667. equal($("#testmask").val(), "1234567890", "Result " + $("#testmask").val());
  668. $("#testmask").remove();
  669. });
  670. test("inputmask(\"decimal, { repeat: 5 }\") - maxlength 10", function () {
  671. $('body').append('<input type="text" id="testmask" maxlength="10" />');
  672. $("#testmask").inputmask("decimal", { repeat: 5 });
  673. $("#testmask")[0].focus();
  674. $("#testmask").Type("123456789012345");
  675. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  676. $("#testmask").remove();
  677. });
  678. test("inputmask(\"decimal\")", function () {
  679. $('body').append('<input type="text" id="testmask" />');
  680. $("#testmask").inputmask("decimal");
  681. $("#testmask")[0].focus();
  682. $("#testmask").Type("1234567890");
  683. caret($("#testmask"), 0, 10);
  684. $("#testmask").Type("12345");
  685. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  686. $("#testmask").remove();
  687. });
  688. test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
  689. $('body').append('<input type="text" id="testmask" value="1234567890" />');
  690. $("#testmask").inputmask("decimal");
  691. $("#testmask")[0].focus();
  692. caret($("#testmask"), 0, 10);
  693. $("#testmask").Type("12345");
  694. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  695. $("#testmask").remove();
  696. });
  697. test("inputmask(\"decimal\")", function () {
  698. $('body').append('<input type="text" id="testmask" />');
  699. $("#testmask").inputmask("decimal");
  700. $("#testmask")[0].focus();
  701. $("#testmask").Type("1234567890");
  702. caret($("#testmask"), 3, 5);
  703. $("#testmask").SendKey("0");
  704. equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
  705. $("#testmask").remove();
  706. });
  707. test("inputmask(\"decimal\") - value=\"1234567890\"", function () {
  708. $('body').append('<input type="text" id="testmask" value="1234567890" />');
  709. $("#testmask").inputmask("decimal");
  710. $("#testmask")[0].focus();
  711. caret($("#testmask"), 3, 5);
  712. $("#testmask").SendKey("0");
  713. equal($("#testmask").val(), "123067890", "Result " + $("#testmask").val());
  714. $("#testmask").remove();
  715. });
  716. module("Direction RTL");
  717. test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function () {
  718. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  719. $("#testmask").inputmask("999.999.999");
  720. $("#testmask")[0].focus();
  721. $("#testmask").SendKey("1");
  722. $("#testmask").SendKey("2");
  723. $("#testmask").SendKey("3");
  724. $("#testmask").SendKey(keyCodes.RIGHT);
  725. $("#testmask").SendKey(keyCodes.RIGHT);
  726. $("#testmask").SendKey(keyCodes.BACKSPACE);
  727. $("#testmask").SendKey("4");
  728. $("#testmask").SendKey(keyCodes.LEFT);
  729. $("#testmask").SendKey("5");
  730. $("#testmask").SendKey("6");
  731. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  732. $("#testmask").remove();
  733. });
  734. test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function () {
  735. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  736. $("#testmask").inputmask("999.999.999");
  737. $("#testmask")[0].focus();
  738. $("#testmask").SendKey("1");
  739. $("#testmask").SendKey("2");
  740. $("#testmask").SendKey("3");
  741. $("#testmask").SendKey(keyCodes.RIGHT);
  742. $("#testmask").SendKey(keyCodes.DELETE);
  743. $("#testmask").SendKey("4");
  744. $("#testmask").SendKey(keyCodes.LEFT);
  745. $("#testmask").SendKey("5");
  746. $("#testmask").SendKey("6");
  747. equal($("#testmask").val(), "___._65.341", "Result " + $("#testmask").val());
  748. $("#testmask").remove();
  749. });
  750. test("inputmask(\"999-aaa-999\")", function () {
  751. $('body').append('<input type="text" id="testmask" dir="rtl" />');
  752. $("#testmask").inputmask("999-aaa-999");
  753. $("#testmask")[0].focus();
  754. $("#testmask").Type("123abc12");
  755. equal($("#testmask").val(), "_21-cba-321", "Result " + $("#testmask").val());
  756. $("#testmask").remove();
  757. });
  758. module("Regex masks")
  759. test("inputmask(\"Regex\", { regex: \"[0-9]*\"});", function () {
  760. $('body').append('<input type="text" id="testmask" />');
  761. $("#testmask").inputmask("Regex", { regex: "[0-9]*"});
  762. $("#testmask")[0].focus();
  763. $("#testmask").Type("123abc45");
  764. equal($("#testmask").val(), "12345", "Result " + $("#testmask").val());
  765. $("#testmask").remove();
  766. });
  767. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  768. $('body').append('<input type="text" id="testmask" />');
  769. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u04510-9]*"});
  770. $("#testmask")[0].focus();
  771. $("#testmask").Type("123abc45");
  772. equal($("#testmask").val(), "123abc45", "Result " + $("#testmask").val());
  773. $("#testmask").remove();
  774. });
  775. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  776. $('body').append('<input type="text" id="testmask" />');
  777. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]+[A-Za-z\u0410-\u044F\u0401\u04510-9]*"});
  778. $("#testmask")[0].focus();
  779. $("#testmask").Type("123abc45");
  780. equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
  781. $("#testmask").remove();
  782. });
  783. test("inputmask(\"Regex\", { regex: \"[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*\"});", function () {
  784. $('body').append('<input type="text" id="testmask" />');
  785. $("#testmask").inputmask("Regex", { regex: "[A-Za-z\u0410-\u044F\u0401\u0451]{1}[A-Za-z\u0410-\u044F\u0401\u04510-9]*"});
  786. $("#testmask")[0].focus();
  787. $("#testmask").Type("123abc45");
  788. equal($("#testmask").val(), "abc45", "Result " + $("#testmask").val());
  789. $("#testmask").remove();
  790. });