tests_dynamic.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481
  1. import { keys} from "../lib/keycode";
  2. export default function (qunit, Inputmask) {
  3. var $ = Inputmask.dependencyLib;
  4. qunit.module("Dynamic Masks");
  5. qunit.test("inputmask(\"9-a{3}9{3}\" - simple dynamic mask", function (assert) {
  6. var $fixture = $("#qunit-fixture");
  7. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  8. var testmask = document.getElementById("testmask");
  9. Inputmask("9-a{3}9{3}").mask(testmask);
  10. testmask.focus();
  11. $("#testmask").Type("1abc123");
  12. assert.equal(testmask.value, "1-abc123", "Result " + testmask.value);
  13. });
  14. qunit.test("inputmask(\"9-a{1,3}9{1,3}\" - simple dynamic mask", function (assert) {
  15. var $fixture = $("#qunit-fixture");
  16. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  17. var testmask = document.getElementById("testmask");
  18. Inputmask("9-a{1,3}9{1,3}").mask(testmask);
  19. testmask.focus();
  20. $("#testmask").Type("1a1");
  21. assert.equal(testmask.value, "1-a1", "Result " + testmask.value);
  22. });
  23. qunit.test("inputmask(\"9-a{1,3}9{1,3}\" - simple dynamic mask - greedy false", function (assert) {
  24. var $fixture = $("#qunit-fixture");
  25. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  26. var testmask = document.getElementById("testmask");
  27. Inputmask("9-a{1,3}9{1,3}", {
  28. greedy: false
  29. }).mask(testmask);
  30. testmask.focus();
  31. $("#testmask").Type("1a1");
  32. assert.equal(testmask.value, "1-a1", "Result " + testmask.value);
  33. });
  34. qunit.test("inputmask(\"9-a{1,3}/9{2,3}\" - simple dynamic mask - greedy true", function (assert) {
  35. var $fixture = $("#qunit-fixture");
  36. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  37. var testmask = document.getElementById("testmask");
  38. Inputmask("9-a{1,3}/9{2,3}", {
  39. greedy: true
  40. }).mask(testmask);
  41. testmask.focus();
  42. $("#testmask").Type("1a/123");
  43. assert.equal(testmask.value, "1-a/123", "Result " + testmask.value);
  44. });
  45. qunit.test("email mask greedy false", function (assert) {
  46. var $fixture = $("#qunit-fixture");
  47. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  48. var testmask = document.getElementById("testmask");
  49. Inputmask("email", {
  50. greedy: false
  51. }).mask(testmask);
  52. testmask.focus();
  53. $("#testmask").Type("some.body@mail.com");
  54. testmask.blur();
  55. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  56. });
  57. qunit.test("email mask greedy true", function (assert) {
  58. var done = assert.async(),
  59. $fixture = $("#qunit-fixture");
  60. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  61. var testmask = document.getElementById("testmask");
  62. Inputmask("email", {
  63. greedy: true
  64. }).mask(testmask);
  65. testmask.focus();
  66. setTimeout(function () {
  67. $("#testmask").Type("some.body@mail.com");
  68. testmask.blur();
  69. setTimeout(function () {
  70. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  71. done();
  72. }, 0);
  73. }, 0);
  74. });
  75. qunit.test("email mask - partial input", function (assert) {
  76. var $fixture = $("#qunit-fixture");
  77. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  78. var testmask = document.getElementById("testmask");
  79. Inputmask("email").mask(testmask);
  80. testmask.focus();
  81. $("#testmask").Type("some.");
  82. testmask.blur();
  83. assert.equal(testmask.value, "some.@_._", "Result " + testmask.value);
  84. });
  85. qunit.test("email mask - partial input 2", function (assert) {
  86. var $fixture = $("#qunit-fixture");
  87. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  88. var testmask = document.getElementById("testmask");
  89. Inputmask("email").mask(testmask);
  90. testmask.focus();
  91. $("#testmask").Type("some@mail.com");
  92. $.caret(testmask, 4);
  93. $("#testmask").Type(".body");
  94. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  95. });
  96. qunit.test("email mask - babu@us.lufthansa.com - babupca", function (assert) {
  97. var $fixture = $("#qunit-fixture");
  98. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  99. var testmask = document.getElementById("testmask");
  100. Inputmask("email").mask(testmask);
  101. testmask.focus();
  102. $("#testmask").Type("babu@us.lufthansa.com");
  103. assert.equal(testmask.value, "babu@us.lufthansa.com", "Result " + testmask.value);
  104. });
  105. qunit.test("email mask - email@subdomain.domain.com - babupca", function (assert) {
  106. var $fixture = $("#qunit-fixture");
  107. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  108. var testmask = document.getElementById("testmask");
  109. Inputmask("email").mask(testmask);
  110. testmask.focus();
  111. $("#testmask").Type("email@subdomain.domain.com");
  112. assert.equal(testmask.value, "email@subdomain.domain.com", "Result " + testmask.value);
  113. });
  114. qunit.test("email mask - paste test.test@test.com - Kurumas", function (assert) {
  115. var done = assert.async(),
  116. $fixture = $("#qunit-fixture");
  117. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  118. var testmask = document.getElementById("testmask");
  119. Inputmask("email").mask(testmask);
  120. testmask.focus();
  121. $("#testmask").paste("test.test@test.com");
  122. setTimeout(function () {
  123. assert.equal(testmask.value, "test.test@test.com", "Result " + testmask.value);
  124. done();
  125. }, 0);
  126. });
  127. qunit.test("quantifier mask greedy false - FairSite2C", function (assert) {
  128. var $fixture = $("#qunit-fixture");
  129. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  130. var testmask = document.getElementById("testmask");
  131. Inputmask("9{0,4}", {
  132. greedy: false
  133. }).mask(testmask);
  134. testmask.focus();
  135. $("#testmask").Type("123");
  136. assert.equal(testmask.value, "123", "Result " + testmask.value);
  137. });
  138. qunit.test("quantifier mask greedy true - FairSite2C", function (assert) {
  139. var $fixture = $("#qunit-fixture");
  140. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  141. var testmask = document.getElementById("testmask");
  142. Inputmask("9{0,4}", {
  143. greedy: true
  144. }).mask(testmask);
  145. testmask.focus();
  146. $("#testmask").Type("123");
  147. assert.equal(testmask.value, "123", "Result " + testmask.value);
  148. });
  149. qunit.test("email mask - clearIncomplete - hiddenman", function (assert) {
  150. var done = assert.async(),
  151. $fixture = $("#qunit-fixture");
  152. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  153. var testmask = document.getElementById("testmask");
  154. Inputmask("email", {
  155. clearIncomplete: true
  156. }).mask(testmask);
  157. testmask.focus();
  158. setTimeout(function () {
  159. $("#testmask").Type("akornilov");
  160. testmask.blur();
  161. setTimeout(function () {
  162. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "", "Result " + document.getElementById("testmask").inputmask._valueGet());
  163. done();
  164. }, 0);
  165. }, 0);
  166. });
  167. qunit.test("email mask - clearIncomplete - hiddenman", function (assert) {
  168. var done = assert.async(),
  169. $fixture = $("#qunit-fixture");
  170. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  171. var testmask = document.getElementById("testmask");
  172. Inputmask("email", {
  173. clearIncomplete: true
  174. }).mask(testmask);
  175. testmask.focus();
  176. setTimeout(function () {
  177. $("#testmask").Type("akornilov@");
  178. testmask.blur();
  179. setTimeout(function () {
  180. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "", "Result " + document.getElementById("testmask").inputmask._valueGet());
  181. done();
  182. }, 0);
  183. }, 0);
  184. });
  185. qunit.test("email mask - clearIncomplete - hiddenman", function (assert) {
  186. var done = assert.async(),
  187. $fixture = $("#qunit-fixture");
  188. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  189. var testmask = document.getElementById("testmask");
  190. Inputmask("email", {
  191. clearIncomplete: true
  192. }).mask(testmask);
  193. testmask.focus();
  194. $("#testmask").Type("akornilov@gmail.com");
  195. testmask.blur();
  196. setTimeout(function () {
  197. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "akornilov@gmail.com", "Result " + document.getElementById("testmask").inputmask._valueGet());
  198. done();
  199. }, 0);
  200. });
  201. qunit.test("mask: '\\\\a{*}', repeat: 5 - voidmain02", function (assert) {
  202. var $fixture = $("#qunit-fixture");
  203. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  204. var testmask = document.getElementById("testmask");
  205. Inputmask({
  206. mask: "\\\\a{*}",
  207. repeat: 5
  208. }).mask(testmask);
  209. testmask.focus();
  210. $("#testmask").Type("abcd abcd abcd abcd abcd");
  211. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "\\abcd\\abcd\\abcd\\abcd\\abcd", "Result " + document.getElementById("testmask").inputmask._valueGet());
  212. });
  213. qunit.test("[a{1,3}-]9999 - type abc1234 => delete c - ivodopyanov", function (assert) {
  214. var $fixture = $("#qunit-fixture");
  215. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  216. var testmask = document.getElementById("testmask");
  217. Inputmask("[a{1,3}-]9999").mask(testmask);
  218. $("#testmask").Type("abc1234");
  219. $.caret(testmask, 2);
  220. $("#testmask").SendKey(keys.Delete);
  221. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "ab-1234", "Result " + document.getElementById("testmask").inputmask._valueGet());
  222. });
  223. qunit.test("email mask - mouseclick to domain part - hiddenman", function (assert) {
  224. var done = assert.async(),
  225. $fixture = $("#qunit-fixture");
  226. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  227. var testmask = document.getElementById("testmask");
  228. Inputmask("email").mask(testmask);
  229. testmask.focus();
  230. $("#testmask").Type("akornilov");
  231. //fake click in position
  232. $.caret(testmask, 10);
  233. $("#testmask").trigger("click");
  234. $("#testmask").Type("gmail.com");
  235. setTimeout(function () {
  236. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "akornilov@gmail.com", "Result " + document.getElementById("testmask").inputmask._valueGet());
  237. done();
  238. }, 0);
  239. });
  240. qunit.test("I{1,3}-ZZ - rgafaric", function (assert) {
  241. var done = assert.async(),
  242. $fixture = $("#qunit-fixture");
  243. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"VAA\" />");
  244. var testmask = document.getElementById("testmask");
  245. Inputmask({
  246. "mask": "I{1,3}-ZZ",
  247. definitions: {
  248. "Z": {
  249. "validator": "[A-Za-z]",
  250. cardinality: 1
  251. },
  252. "I": {
  253. "validator": "[ivxlcdmIVXLCDM]",
  254. cardinality: 1
  255. }
  256. }
  257. }).mask(testmask);
  258. testmask.blur();
  259. setTimeout(function () {
  260. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "V-AA", "Result " + document.getElementById("testmask").inputmask._valueGet());
  261. done();
  262. }, 0);
  263. });
  264. qunit.test("email mask - some.body@mail.com - delete before @", function (assert) {
  265. var $fixture = $("#qunit-fixture");
  266. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  267. var testmask = document.getElementById("testmask");
  268. Inputmask("email").mask(testmask);
  269. testmask.focus();
  270. $("#testmask").Type("some.body@mail.com");
  271. $.caret(testmask, 9);
  272. $("#testmask").SendKey(keys.Delete);
  273. assert.equal($.caret(testmask).begin, "some.body@".length, "Result " + $.caret(testmask).begin);
  274. });
  275. qunit.test("email mask -123@mail.com - 123 => info", function (assert) {
  276. var $fixture = $("#qunit-fixture");
  277. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  278. var testmask = document.getElementById("testmask");
  279. Inputmask("email").mask(testmask);
  280. testmask.focus();
  281. $("#testmask").Type("123@mail.com");
  282. $.caret(testmask, 0, 3);
  283. $("#testmask").Type("info");
  284. assert.equal(testmask.value, "info@mail.com", "Result " + testmask.value);
  285. });
  286. qunit.test("(aa)|(a.a.)|(aaa)|(aa.a.)|(a.aa.) - incomplete - danielpiterak", function (assert) {
  287. var $fixture = $("#qunit-fixture");
  288. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  289. var testmask = document.getElementById("testmask");
  290. Inputmask("(aa)|(a.a.)|(aaa)|(aa.a.)|(a.aa.)", {
  291. clearMaskOnLostFocus: true,
  292. showMaskOnHover: false,
  293. placeholder: " ",
  294. casing: "upper",
  295. keepStatic: false
  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. qunit.test("(99){+|1}a - dynamic jit offset", function (assert) {
  318. var $fixture = $("#qunit-fixture");
  319. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  320. var testmask = document.getElementById("testmask");
  321. Inputmask("(99){+|1}a").mask(testmask);
  322. testmask.focus();
  323. $("#testmask").trigger("click");
  324. $("#testmask").Type("1a");
  325. assert.equal(testmask.value, "1a", "Result " + testmask.value);
  326. });
  327. qunit.test("(.999){+|1},00 - Loop trigger in revalidateMask", function (assert) {
  328. var $fixture = $("#qunit-fixture");
  329. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  330. var testmask = document.getElementById("testmask");
  331. Inputmask("(.999){+|1},00", {
  332. radixPoint: ",",
  333. numericInput: true,
  334. placeholder: "0",
  335. definitions: {
  336. "0": {
  337. validator: "[0-9\uFF11-\uFF19]"
  338. }
  339. }
  340. }).mask(testmask);
  341. testmask.focus();
  342. $("#testmask").trigger("click");
  343. $("#testmask").Type("123333333333333333333333");
  344. assert.equal(testmask.value, "0,12", "Result " + testmask.value);
  345. });
  346. qunit.test("a9{+} - Loop trigger in revalidateMask", function (assert) {
  347. var $fixture = $("#qunit-fixture");
  348. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  349. var testmask = document.getElementById("testmask");
  350. Inputmask("a9{+}").mask(testmask);
  351. testmask.focus();
  352. $("#testmask").trigger("click");
  353. $("#testmask").Type("a");
  354. $.caret(testmask, 0);
  355. $("#testmask").Type("a");
  356. assert.equal(testmask.value, "a_", "Result " + testmask.value);
  357. });
  358. qunit.test("Loop trigger in gettests", function (assert) {
  359. var $fixture = $("#qunit-fixture");
  360. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  361. var testmask = document.getElementById("testmask");
  362. Inputmask({
  363. "mask": "(99) 99999-9999[ ]",
  364. "repeat": "*"
  365. }).mask(testmask);
  366. testmask.focus();
  367. $("#testmask").trigger("click");
  368. $("#testmask").Type("12123451234");
  369. assert.equal(testmask.value, "(12) 12345-1234", "Result " + testmask.value);
  370. });
  371. qunit.test("Char before quantifier gets duplicated in tests #2152", function (assert) {
  372. var $fixture = $("#qunit-fixture");
  373. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  374. var testmask = document.getElementById("testmask");
  375. Inputmask("9{*}.aaa", {
  376. numericInput:false
  377. }).mask(testmask);
  378. testmask.focus();
  379. $("#testmask").trigger("click");
  380. $("#testmask").Type("123abc");
  381. $.caret(testmask, 1);
  382. $("#testmask").Type(".");
  383. assert.equal(testmask.value, "123.abc", "Result " + testmask.value);
  384. });
  385. qunit.test("email mask set email", function (assert) {
  386. var $fixture = $("#qunit-fixture");
  387. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  388. var testmask = document.getElementById("testmask");
  389. Inputmask("email").mask(testmask);
  390. testmask.focus();
  391. $("#testmask").val("some.body@mymail.com");
  392. $.caret(testmask, "some.body@m".length);
  393. $("#testmask").SendKey(keys.Delete);
  394. $("#testmask").SendKey(keys.Delete);
  395. assert.equal(testmask.value, "some.body@mail.com", "Result " + testmask.value);
  396. });
  397. };