tests_dynamic.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. define([
  2. "qunit",
  3. "../dist/inputmask/dependencyLibs/inputmask.dependencyLib",
  4. "../dist/inputmask/inputmask.date.extensions",
  5. "../dist/inputmask/inputmask.extensions",
  6. "../dist/inputmask/inputmask.numeric.extensions",
  7. "../dist/inputmask/inputmask.phone.extensions",
  8. "prototypeExtensions",
  9. "simulator"
  10. ], function (qunit, $, Inputmask) {
  11. qunit.module("Dynamic Masks");
  12. qunit.test("inputmask(\"9-a{3}9{3}\" - simple dynamic mask", function (assert) {
  13. var $fixture = $("#qunit-fixture");
  14. $fixture.append('<input type="text" id="testmask" />');
  15. var testmask = document.getElementById("testmask");
  16. Inputmask("9-a{3}9{3}").mask(testmask);
  17. testmask.focus();
  18. $("#testmask").Type("1abc123");
  19. assert.equal(testmask.value, "1-abc123", "Result " + testmask.value);
  20. });
  21. qunit.test("inputmask(\"9-a{1,3}9{1,3}\" - simple dynamic mask", function (assert) {
  22. var $fixture = $("#qunit-fixture");
  23. $fixture.append('<input type="text" id="testmask" />');
  24. var testmask = document.getElementById("testmask");
  25. Inputmask("9-a{1,3}9{1,3}").mask(testmask);
  26. testmask.focus();
  27. $("#testmask").Type("1a1");
  28. assert.equal(testmask.value, "1-a1", "Result " + testmask.value);
  29. });
  30. qunit.test("inputmask(\"9-a{1,3}9{1,3}\" - simple dynamic mask - greedy false", function (assert) {
  31. var $fixture = $("#qunit-fixture");
  32. $fixture.append('<input type="text" id="testmask" />');
  33. var testmask = document.getElementById("testmask");
  34. Inputmask("9-a{1,3}9{1,3}", {
  35. greedy: false
  36. }).mask(testmask);
  37. testmask.focus();
  38. $("#testmask").Type("1a1");
  39. assert.equal(testmask.value, "1-a1", "Result " + testmask.value);
  40. });
  41. qunit.test("inputmask(\"9-a{1,3}/9{2,3}\" - simple dynamic mask - greedy true", function (assert) {
  42. var $fixture = $("#qunit-fixture");
  43. $fixture.append('<input type="text" id="testmask" />');
  44. var testmask = document.getElementById("testmask");
  45. Inputmask("9-a{1,3}/9{2,3}", {
  46. greedy: true
  47. }).mask(testmask);
  48. testmask.focus();
  49. $("#testmask").Type("1a/123");
  50. assert.equal(testmask.value, "1-a/123", "Result " + testmask.value);
  51. });
  52. qunit.test("email mask greedy false", function (assert) {
  53. var $fixture = $("#qunit-fixture");
  54. $fixture.append('<input type="text" id="testmask" />');
  55. var testmask = document.getElementById("testmask");
  56. Inputmask("email", {
  57. greedy: false
  58. }).mask(testmask);
  59. testmask.focus();
  60. $("#testmask").Type("some.body@mail.com");
  61. testmask.blur();
  62. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  63. });
  64. qunit.test("email mask greedy true", function (assert) {
  65. var done = assert.async(),
  66. $fixture = $("#qunit-fixture");
  67. $fixture.append('<input type="text" id="testmask" />');
  68. var testmask = document.getElementById("testmask");
  69. Inputmask("email", {
  70. greedy: true
  71. }).mask(testmask);
  72. testmask.focus();
  73. $("#testmask").Type("some.body@mail.com");
  74. testmask.blur();
  75. setTimeout(function () {
  76. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  77. done();
  78. }, 0);
  79. });
  80. qunit.test("email mask - partial input", function (assert) {
  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. assert.equal(testmask.value, "some.@_._", "Result " + testmask.value);
  89. });
  90. qunit.test("email mask - partial input 2", function (assert) {
  91. var $fixture = $("#qunit-fixture");
  92. $fixture.append('<input type="text" id="testmask" />');
  93. var testmask = document.getElementById("testmask");
  94. Inputmask("email").mask(testmask);
  95. testmask.focus();
  96. $("#testmask").Type("some@mail.com");
  97. $.caret(testmask, 4);
  98. $("#testmask").Type(".body");
  99. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  100. });
  101. qunit.test("email mask - babu@us.lufthansa.com - babupca", function (assert) {
  102. var $fixture = $("#qunit-fixture");
  103. $fixture.append('<input type="text" id="testmask" />');
  104. var testmask = document.getElementById("testmask");
  105. Inputmask("email").mask(testmask);
  106. testmask.focus();
  107. $("#testmask").Type("babu@us.lufthansa.com");
  108. assert.equal(testmask.value, "babu@us.lufthansa.com", "Result " + testmask.value);
  109. });
  110. qunit.test("email mask - email@subdomain.domain.com - babupca", function (assert) {
  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("email@subdomain.domain.com");
  117. assert.equal(testmask.value, "email@subdomain.domain.com", "Result " + testmask.value);
  118. });
  119. qunit.test("email mask - paste test.test@test.com - Kurumas", function (assert) {
  120. var done = assert.async(),
  121. $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").paste("test.test@test.com");
  127. setTimeout(function () {
  128. assert.equal(testmask.value, "test.test@test.com", "Result " + testmask.value);
  129. done();
  130. }, 0);
  131. });
  132. qunit.test("quantifier mask greedy false - FairSite2C", function (assert) {
  133. var $fixture = $("#qunit-fixture");
  134. $fixture.append('<input type="text" id="testmask" />');
  135. var testmask = document.getElementById("testmask");
  136. Inputmask("9{0,4}", {
  137. greedy: false
  138. }).mask(testmask);
  139. testmask.focus();
  140. $("#testmask").Type("123");
  141. assert.equal(testmask.value, "123", "Result " + testmask.value);
  142. });
  143. qunit.test("quantifier mask greedy true - FairSite2C", function (assert) {
  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: true
  149. }).mask(testmask);
  150. testmask.focus();
  151. $("#testmask").Type("123");
  152. assert.equal(testmask.value, "123", "Result " + testmask.value);
  153. });
  154. qunit.test("email mask - clearIncomplete - hiddenman", function (assert) {
  155. var done = assert.async(),
  156. $fixture = $("#qunit-fixture");
  157. $fixture.append('<input type="text" id="testmask" />');
  158. var testmask = document.getElementById("testmask");
  159. Inputmask("email", {
  160. clearIncomplete: true
  161. }).mask(testmask);
  162. testmask.focus();
  163. $("#testmask").Type("akornilov");
  164. testmask.blur();
  165. setTimeout(function () {
  166. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "", "Result " + document.getElementById("testmask").inputmask._valueGet());
  167. done();
  168. }, 0);
  169. });
  170. qunit.test("email mask - clearIncomplete - hiddenman", function (assert) {
  171. var done = assert.async(),
  172. $fixture = $("#qunit-fixture");
  173. $fixture.append('<input type="text" id="testmask" />');
  174. var testmask = document.getElementById("testmask");
  175. Inputmask("email", {
  176. clearIncomplete: true
  177. }).mask(testmask);
  178. testmask.focus();
  179. $("#testmask").Type("akornilov@");
  180. testmask.blur();
  181. setTimeout(function () {
  182. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "", "Result " + document.getElementById("testmask").inputmask._valueGet());
  183. done();
  184. }, 0);
  185. });
  186. qunit.test("email mask - clearIncomplete - hiddenman", function (assert) {
  187. var done = assert.async(),
  188. $fixture = $("#qunit-fixture");
  189. $fixture.append('<input type="text" id="testmask" />');
  190. var testmask = document.getElementById("testmask");
  191. Inputmask("email", {
  192. clearIncomplete: true
  193. }).mask(testmask);
  194. testmask.focus();
  195. $("#testmask").Type("akornilov@gmail.com");
  196. testmask.blur();
  197. setTimeout(function () {
  198. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "akornilov@gmail.com", "Result " + document.getElementById("testmask").inputmask._valueGet());
  199. done();
  200. }, 0);
  201. });
  202. qunit.test("mask: '\\\\a{*}', repeat: 5 - voidmain02", function (assert) {
  203. var $fixture = $("#qunit-fixture");
  204. $fixture.append('<input type="text" id="testmask" />');
  205. var testmask = document.getElementById("testmask");
  206. Inputmask({
  207. mask: '\\\\a{*}',
  208. repeat: 5
  209. }).mask(testmask);
  210. testmask.focus();
  211. $("#testmask").Type("abcd abcd abcd abcd abcd");
  212. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "\\abcd\\abcd\\abcd\\abcd\\abcd", "Result " + document.getElementById("testmask").inputmask._valueGet());
  213. });
  214. qunit.test("[a{1,3}-]9999 - type abc1234 => delete c - ivodopyanov", function (assert) {
  215. var $fixture = $("#qunit-fixture");
  216. $fixture.append('<input type="text" id="testmask" />');
  217. var testmask = document.getElementById("testmask");
  218. Inputmask("[a{1,3}-]9999").mask(testmask);
  219. $("#testmask").Type("abc1234");
  220. $.caret(testmask, 2);
  221. $("#testmask").SendKey(Inputmask.keyCode.DELETE);
  222. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "ab-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  223. });
  224. qunit.test("email mask - mouseclick to domain part - hiddenman", function (assert) {
  225. var done = assert.async(),
  226. $fixture = $("#qunit-fixture");
  227. $fixture.append('<input type="text" id="testmask" />');
  228. var testmask = document.getElementById("testmask");
  229. Inputmask("email").mask(testmask);
  230. testmask.focus();
  231. $("#testmask").Type("akornilov");
  232. //fake click in position
  233. $.caret(testmask, 10);
  234. $("#testmask").trigger("click");
  235. $("#testmask").Type("gmail.com");
  236. setTimeout(function () {
  237. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "akornilov@gmail.com", "Result " + document.getElementById("testmask").inputmask._valueGet());
  238. done();
  239. }, 0);
  240. });
  241. qunit.test("I{1,3}-ZZ - rgafaric", function (assert) {
  242. var done = assert.async(),
  243. $fixture = $("#qunit-fixture");
  244. $fixture.append('<input type="text" id="testmask" value="VAA" />');
  245. var testmask = document.getElementById("testmask");
  246. Inputmask({
  247. "mask": "I{1,3}-ZZ",
  248. definitions: {
  249. 'Z': {
  250. "validator": "[A-Za-z]",
  251. cardinality: 1
  252. },
  253. 'I': {
  254. "validator": "[ivxlcdmIVXLCDM]",
  255. cardinality: 1
  256. }
  257. }
  258. }).mask(testmask);
  259. testmask.blur();
  260. setTimeout(function () {
  261. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "V-AA", "Result " + document.getElementById("testmask").inputmask._valueGet());
  262. done();
  263. }, 0);
  264. });
  265. qunit.test("email mask - some.body@mail.com - delete before @", function (assert) {
  266. var $fixture = $("#qunit-fixture");
  267. $fixture.append('<input type="text" id="testmask" />');
  268. var testmask = document.getElementById("testmask");
  269. Inputmask("email").mask(testmask);
  270. testmask.focus();
  271. $("#testmask").Type("some.body@mail.com");
  272. $.caret(testmask, 9);
  273. $("#testmask").SendKey(Inputmask.keyCode.DELETE);
  274. assert.equal(testmask.value, "some.body@ail.com", "Result " + testmask.value);
  275. });
  276. qunit.test("email mask -123@mail.com - 123 => info", function (assert) {
  277. var $fixture = $("#qunit-fixture");
  278. $fixture.append('<input type="text" id="testmask" />');
  279. var testmask = document.getElementById("testmask");
  280. Inputmask("email").mask(testmask);
  281. testmask.focus();
  282. $("#testmask").Type("123@mail.com");
  283. $.caret(testmask, 0, 3);
  284. $("#testmask").Type("info");
  285. assert.equal(testmask.value, "info@mail.com", "Result " + testmask.value);
  286. });
  287. qunit.test("(aa)|(a.a.)|(aaa)|(aa.a.)|(a.aa.) - incomplete - danielpiterak", function (assert) {
  288. var $fixture = $("#qunit-fixture");
  289. $fixture.append('<input type="text" id="testmask" />');
  290. var testmask = document.getElementById("testmask");
  291. Inputmask("(aa)|(a.a.)|(aaa)|(aa.a.)|(a.aa.)", {
  292. clearMaskOnLostFocus: true,
  293. showMaskOnHover: false,
  294. placeholder: " ",
  295. casing: "upper"
  296. }).mask(testmask);
  297. testmask.focus();
  298. $("#testmask").Type("p.p");
  299. testmask.blur();
  300. assert.equal(testmask.value, "P.P.", "Result " + testmask.value);
  301. });
  302. qunit.test("(aa)|(a.a.)|(aaa)|(aa.a.)|(a.aa.) - complete - danielpiterak", function (assert) {
  303. var $fixture = $("#qunit-fixture");
  304. $fixture.append('<input type="text" id="testmask" />');
  305. var testmask = document.getElementById("testmask");
  306. Inputmask("(aa)|(a.a.)|(aaa)|(aa.a.)|(a.aa.)", {
  307. clearMaskOnLostFocus: true,
  308. showMaskOnHover: false,
  309. placeholder: " ",
  310. casing: "upper"
  311. }).mask(testmask);
  312. testmask.focus();
  313. $("#testmask").Type("p.p.");
  314. testmask.blur();
  315. assert.equal(testmask.value, "P.P.", "Result " + testmask.value);
  316. });
  317. });