tests_base.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566
  1. export default function (qunit, $, Inputmask) {
  2. qunit.module("Simple masking");
  3. qunit.test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function (assert) {
  4. var $fixture = $("#qunit-fixture");
  5. $fixture.append('<input type="text" id="testmask" />');
  6. var testmask = document.getElementById("testmask");
  7. Inputmask({
  8. mask: "99-99-99",
  9. clearMaskOnLostFocus: false
  10. }).mask(testmask);
  11. assert.equal(testmask.inputmask._valueGet(), "__-__-__", "Result " + testmask.inputmask._valueGet());
  12. });
  13. qunit.test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function (assert) {
  14. var done = assert.async(),
  15. $fixture = $("#qunit-fixture");
  16. $fixture.append('<input type="text" id="testmask" />');
  17. var testmask = document.getElementById("testmask");
  18. Inputmask({
  19. mask: "99-99-99",
  20. clearMaskOnLostFocus: false
  21. }).mask(testmask);
  22. testmask.blur();
  23. setTimeout(function () {
  24. assert.equal(testmask.value, "", "Result " + testmask.value);
  25. done();
  26. }, 0);
  27. });
  28. qunit.test("inputmask(\"999.999.999\")", function (assert) {
  29. var $fixture = $("#qunit-fixture");
  30. $fixture.append('<input type="text" id="testmask" />');
  31. var testmask = document.getElementById("testmask");
  32. Inputmask("999.999.999").mask(testmask);
  33. testmask.focus();
  34. $("#testmask").Type("123");
  35. assert.equal(testmask.value, "123.___.___", "Result " + testmask.value);
  36. });
  37. qunit.test("inputmask(\"999.999.999\") + backspace", function (assert) {
  38. var $fixture = $("#qunit-fixture");
  39. $fixture.append('<input type="text" id="testmask" />');
  40. var testmask = document.getElementById("testmask");
  41. Inputmask("999.999.999").mask(testmask);
  42. testmask.focus();
  43. $("#testmask").Type("123");
  44. $("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
  45. assert.equal(testmask.value, "12_.___.___", "Result " + testmask.value);
  46. });
  47. qunit.test("inputmask(\"999.999.999\", { oncomplete: ... })", function (assert) {
  48. var done = assert.async(),
  49. $fixture = $("#qunit-fixture");
  50. $fixture.append('<input type="text" id="testmask" />');
  51. var testmask = document.getElementById("testmask");
  52. Inputmask("999.999.999", {
  53. oncomplete: function () {
  54. assert.equal(testmask.value, "123.456.789", "Result " + testmask.value);
  55. testmask.inputmask.remove();
  56. done();
  57. }
  58. }).mask(testmask);
  59. testmask.focus();
  60. $("#testmask").Type("123456789");
  61. });
  62. qunit.test("inputmask(\"9-AAA.999\") - change event", function (assert) {
  63. var done = assert.async(),
  64. $fixture = $("#qunit-fixture");
  65. $fixture.append('<input type="text" id="testmask" />');
  66. var testmask = document.getElementById("testmask");
  67. $("#testmask").on("change", function () {
  68. assert.ok(true, "Change triggered");
  69. done();
  70. });
  71. Inputmask("9-AAA.999").mask(testmask);
  72. testmask.focus();
  73. setTimeout(function () {
  74. $("#testmask").Type("1abc12");
  75. testmask.blur();
  76. }, 0);
  77. });
  78. qunit.test("inputmask(\"9-AAA.999\", { onincomplete: ... })", function (assert) {
  79. var done = assert.async(),
  80. $fixture = $("#qunit-fixture");
  81. $fixture.append('<input type="text" id="testmask" />');
  82. var testmask = document.getElementById("testmask");
  83. Inputmask("9-AAA.999", {
  84. onincomplete: function () {
  85. assert.equal(testmask.value, "1-ABC.12_", "Result " + testmask.value);
  86. testmask.inputmask.remove();
  87. done();
  88. }
  89. }).mask(testmask);
  90. testmask.focus();
  91. setTimeout(function () {
  92. $("#testmask").Type("1abc12");
  93. testmask.blur();
  94. }, 0);
  95. });
  96. qunit.test("inputmask(\"999.999.999\") - delete 2nd with backspace, continue the mask", function (assert) {
  97. var $fixture = $("#qunit-fixture");
  98. $fixture.append('<input type="text" id="testmask" />');
  99. var testmask = document.getElementById("testmask");
  100. Inputmask("999.999.999").mask(testmask);
  101. testmask.focus();
  102. $("#testmask").Type("123");
  103. $("#testmask").SendKey(Inputmask.keyCode.LEFT);
  104. $("#testmask").SendKey(Inputmask.keyCode.LEFT);
  105. $("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
  106. $("#testmask").Type("4");
  107. $("#testmask").SendKey(Inputmask.keyCode.RIGHT);
  108. $("#testmask").Type("56");
  109. assert.equal(testmask.value, "143.56_.___", "Result " + testmask.value);
  110. });
  111. qunit.test("inputmask(\"999.999.999\") - delete 2nd with delete, continue the mask", function (assert) {
  112. var $fixture = $("#qunit-fixture");
  113. $fixture.append('<input type="text" id="testmask" />');
  114. var testmask = document.getElementById("testmask");
  115. Inputmask("999.999.999").mask(testmask);
  116. testmask.focus();
  117. $("#testmask").Type("123");
  118. $("#testmask").SendKey(Inputmask.keyCode.LEFT);
  119. $("#testmask").SendKey(Inputmask.keyCode.LEFT);
  120. $("#testmask").SendKey(Inputmask.keyCode.LEFT);
  121. $("#testmask").SendKey(Inputmask.keyCode.DELETE);
  122. $("#testmask").Type("4");
  123. $("#testmask").SendKey(Inputmask.keyCode.RIGHT);
  124. $("#testmask").Type("56");
  125. assert.equal(testmask.value, "143.56_.___", "Result " + testmask.value);
  126. });
  127. qunit.test("inputmask(\"999.999.999\") - delete selection start with nomask", function (assert) {
  128. var $fixture = $("#qunit-fixture");
  129. $fixture.append('<input type="text" id="testmask" />');
  130. var testmask = document.getElementById("testmask");
  131. Inputmask("999.999.999").mask(testmask);
  132. testmask.focus();
  133. $("#testmask").Type("123456789");
  134. $.caret(testmask, 3, 7);
  135. $("#testmask").SendKey(Inputmask.keyCode.DELETE);
  136. assert.equal(testmask.value, "123.789.___", "Result " + testmask.value);
  137. });
  138. qunit.test("inputmask(\"999.999.999\") - backspace selection start with nomask", function (assert) {
  139. var $fixture = $("#qunit-fixture");
  140. $fixture.append('<input type="text" id="testmask" />');
  141. var testmask = document.getElementById("testmask");
  142. Inputmask("999.999.999").mask(testmask);
  143. testmask.focus();
  144. $("#testmask").Type("123456789");
  145. $.caret(testmask, 3, 7);
  146. $("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
  147. assert.equal(testmask.value, "123.789.___", "Result " + testmask.value);
  148. });
  149. qunit.test("inputmask(\"999.999.999\") - overtype selection start with nomask", function (assert) {
  150. var $fixture = $("#qunit-fixture");
  151. $fixture.append('<input type="text" id="testmask" />');
  152. var testmask = document.getElementById("testmask");
  153. Inputmask("999.999.999").mask(testmask);
  154. testmask.focus();
  155. $("#testmask").Type("123456789");
  156. $.caret(testmask, 3, 7);
  157. $("#testmask").Type("1");
  158. assert.equal(testmask.value, "123.178.9__", "Result " + testmask.value);
  159. });
  160. qunit.test("inputmask(\"*****\")", function (assert) {
  161. var $fixture = $("#qunit-fixture");
  162. $fixture.append('<input type="text" id="testmask" />');
  163. var testmask = document.getElementById("testmask");
  164. Inputmask("*****").mask(testmask);
  165. testmask.focus();
  166. $("#testmask").Type("abe");
  167. $("#testmask").SendKey(Inputmask.keyCode.LEFT);
  168. $("#testmask").Type("cd");
  169. assert.equal(testmask.value, "abcde", "Result " + testmask.value);
  170. });
  171. qunit.test("inputmask(\"(999)999-9999\") - ruslanfedoseenko mask", function (assert) {
  172. var $fixture = $("#qunit-fixture");
  173. $fixture.append('<input type="text" id="testmask" />');
  174. var testmask = document.getElementById("testmask");
  175. Inputmask("(999)999-9999").mask(testmask);
  176. testmask.focus();
  177. testmask.value = "9999999999";
  178. $.caret(testmask, 4, 5);
  179. $("#testmask").Type("7");
  180. assert.equal(testmask.value, "(999)999-9999", "Result " + testmask.value);
  181. });
  182. qunit.test("inputmask(\"(999)999-9999\") - insert false - ruslanfedoseenko mask", function (assert) {
  183. var $fixture = $("#qunit-fixture");
  184. $fixture.append('<input type="text" id="testmask" />');
  185. var testmask = document.getElementById("testmask");
  186. Inputmask("(999)999-9999", {
  187. insertMode: false
  188. }).mask(testmask);
  189. testmask.focus();
  190. testmask.value = "9999999999";
  191. $.caret(testmask, 4, 5);
  192. $("#testmask").Type("7");
  193. assert.equal(testmask.value, "(999)999-9999", "Result " + testmask.value);
  194. });
  195. qunit.test("inputmask(\"\") - empty mask - andywolk", function (assert) {
  196. var $fixture = $("#qunit-fixture");
  197. $fixture.append('<input type="text" id="testmask" />');
  198. var testmask = document.getElementById("testmask");
  199. Inputmask("").mask(testmask);
  200. testmask.focus();
  201. $("#testmask").val("123");
  202. assert.equal(testmask.value, "123", "Result " + testmask.value);
  203. });
  204. qunit.test("Intergroup selection - dhilt", function (assert) {
  205. var $fixture = $("#qunit-fixture");
  206. $fixture.append('<input type="text" id="testmask" />');
  207. var testmask = document.getElementById("testmask");
  208. Inputmask("dd/mm/yyyy").mask(testmask);
  209. testmask.focus();
  210. $("#testmask").Type("23314");
  211. $.caret(testmask, 4, 7);
  212. $("#testmask").SendKey("6");
  213. assert.equal(testmask.value, "23/03/2014", "Result " + testmask.value);
  214. });
  215. qunit.test("Intergroup selection - dhilt", function (assert) {
  216. var $fixture = $("#qunit-fixture");
  217. $fixture.append('<input type="text" id="testmask" />');
  218. var testmask = document.getElementById("testmask");
  219. Inputmask("dd/mm/yyyy").mask(testmask);
  220. testmask.focus();
  221. $("#testmask").Type("23314");
  222. $.caret(testmask, 4, 6);
  223. $("#testmask").SendKey("6");
  224. assert.equal(testmask.value, "23/06/y014", "Result " + testmask.value);
  225. });
  226. qunit.test("Delete selection with non-masks", function (assert) {
  227. var $fixture = $("#qunit-fixture");
  228. $fixture.append('<input type="text" id="testmask" />');
  229. var testmask = document.getElementById("testmask");
  230. Inputmask("(999)999-9999").mask(testmask);
  231. testmask.focus();
  232. $("#testmask").Type("9999999999");
  233. $.caret(testmask, 8, 11);
  234. $("#testmask").SendKey(Inputmask.keyCode.DELETE);
  235. assert.equal(testmask.value, "(999)999-99__", "Result " + testmask.value);
  236. });
  237. qunit.test("Selection and backspace also deletes previous - kenaku", function (assert) {
  238. var $fixture = $("#qunit-fixture");
  239. $fixture.append('<input type="text" id="testmask" />');
  240. var testmask = document.getElementById("testmask");
  241. Inputmask("999 99 99 999").mask(testmask);
  242. testmask.focus();
  243. $("#testmask").Type("1234567890");
  244. $.caret(testmask, 2, 3);
  245. $("#testmask").SendKey(Inputmask.keyCode.BACKSPACE);
  246. assert.equal(testmask.value, "124 56 78 90_", "Result " + testmask.value);
  247. });
  248. qunit.module("Non-greedy masks");
  249. qunit.test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - replace cd with 1", function (assert) {
  250. var $fixture = $("#qunit-fixture");
  251. $fixture.append('<input type="text" id="testmask" />');
  252. var testmask = document.getElementById("testmask");
  253. Inputmask("*", {
  254. greedy: false,
  255. repeat: "*"
  256. }).mask(testmask);
  257. testmask.focus();
  258. $("#testmask").Type("abcdef");
  259. $.caret(testmask, 2, 4);
  260. $("#testmask").SendKey("1");
  261. assert.equal(testmask.value, "ab1ef", "Result " + testmask.value);
  262. });
  263. qunit.test("inputmask(\"*\", { greedy: false, repeat: \"*\" }) - type abcdef", function (assert) {
  264. var $fixture = $("#qunit-fixture");
  265. $fixture.append('<input type="text" id="testmask" />');
  266. var testmask = document.getElementById("testmask");
  267. Inputmask("*", {
  268. greedy: false,
  269. repeat: "*"
  270. }).mask(testmask);
  271. testmask.focus();
  272. $("#testmask").Type("abcdef");
  273. assert.equal(testmask.value, "abcdef", "Result " + testmask.value);
  274. });
  275. qunit.test("inputmask(\"A.\", { repeat: \"*\" }) - type abc - joostburg", function (assert) {
  276. var $fixture = $("#qunit-fixture");
  277. $fixture.append('<input type="text" id="testmask" />');
  278. var testmask = document.getElementById("testmask");
  279. Inputmask("A.", {
  280. repeat: "*"
  281. }).mask(testmask);
  282. testmask.focus();
  283. $("#testmask").Type("abc");
  284. assert.equal(testmask.value, "A.B.C.", "Result " + testmask.value);
  285. });
  286. qunit.test("{ mask: \"A\", placeholder: \"\", repeat: 16 }) - type testtest - glosswordteam", function (assert) {
  287. var $fixture = $("#qunit-fixture");
  288. $fixture.append('<input type="text" id="testmask" />');
  289. var testmask = document.getElementById("testmask");
  290. Inputmask({
  291. mask: "A",
  292. placeholder: "",
  293. repeat: 16
  294. }).mask(testmask);
  295. testmask.focus();
  296. $("#testmask").Type("testtest");
  297. assert.equal(testmask.value, "TESTTEST", "Result " + testmask.value);
  298. });
  299. qunit.test("{ mask: \"A\", repeat: 16, greedy: false }) - type testtest - glosswordteam", function (assert) {
  300. var $fixture = $("#qunit-fixture");
  301. $fixture.append('<input type="text" id="testmask" />');
  302. var testmask = document.getElementById("testmask");
  303. Inputmask({
  304. mask: "A",
  305. repeat: 16,
  306. greedy: false
  307. }).mask(testmask);
  308. testmask.focus();
  309. $("#testmask").Type("testtest");
  310. assert.equal(testmask.value, "TESTTEST", "Result " + testmask.value);
  311. });
  312. qunit.module("greedy masks");
  313. qunit.test("inputmask(\"*\", { greedy: true, repeat: 10, clearMaskOnLostFocus: false })", function (assert) {
  314. var $fixture = $("#qunit-fixture");
  315. $fixture.append('<input type="text" id="testmask" />');
  316. var testmask = document.getElementById("testmask");
  317. Inputmask("*", {
  318. greedy: true,
  319. repeat: 10,
  320. clearMaskOnLostFocus: false
  321. }).mask(testmask);
  322. testmask.focus();
  323. assert.equal($("#testmask")[0].inputmask._valueGet(), "__________", "Result " + $("#testmask")[0].inputmask._valueGet());
  324. });
  325. qunit.test("inputmask(\"*\", { greedy: true, repeat: 10 }) - type 12345678901234567890", function (assert) {
  326. var $fixture = $("#qunit-fixture");
  327. $fixture.append('<input type="text" id="testmask" />');
  328. var testmask = document.getElementById("testmask");
  329. Inputmask("*", {
  330. greedy: true,
  331. repeat: 10
  332. }).mask(testmask);
  333. testmask.focus();
  334. $("#testmask").Type("12345678901234567890");
  335. assert.equal(testmask.value, "1234567890", "Result " + testmask.value);
  336. });
  337. qunit.test("inputmask(\"9,99\", { greedy: true, repeat: 5 }) - type 12345678901234567890", function (assert) {
  338. var $fixture = $("#qunit-fixture");
  339. $fixture.append('<input type="text" id="testmask" />');
  340. var testmask = document.getElementById("testmask");
  341. Inputmask("9,99", {
  342. greedy: true,
  343. repeat: 5
  344. }).mask(testmask);
  345. testmask.focus();
  346. $("#testmask").Type("12345678901234567890");
  347. assert.equal(testmask.value, "1,234,567,890,123,45", "Result " + testmask.value);
  348. });
  349. qunit.test("inputmask({ mask: \"9\", repeat: 10, placeholder: \"\", numericInput: true }) - greedy true with empty placeholder - type 12345", function (assert) {
  350. var $fixture = $("#qunit-fixture");
  351. $fixture.append('<input type="text" id="testmask" />');
  352. var testmask = document.getElementById("testmask");
  353. Inputmask({
  354. "mask": "9",
  355. repeat: 10,
  356. placeholder: "",
  357. numericInput: true
  358. }).mask(testmask);
  359. testmask.focus();
  360. $("#testmask").Type("12345");
  361. assert.equal(testmask.value, "12345", "Result " + testmask.value);
  362. });
  363. qunit.test("creditcard switch - pchelailya", function (assert) {
  364. var done = assert.async(),
  365. $fixture = $("#qunit-fixture");
  366. $fixture.append('<input type="text" id="testmask" />');
  367. var testmask = document.getElementById("testmask");
  368. Inputmask("9999 9999 9999 9999").mask(testmask);
  369. $("#testmask").on("keyup input", function (event) {
  370. var value = this.inputmask.unmaskedvalue();
  371. if (value != null && value.length === 2 && value === "37") {
  372. Inputmask("9999 999999 99999").mask(this);
  373. }
  374. });
  375. testmask.focus();
  376. $("#testmask").Type("37");
  377. setTimeout(function () {
  378. $("#testmask").Type("12");
  379. assert.equal(testmask.value, "3712 ______ _____", "Result " + testmask.value);
  380. done();
  381. }, 0);
  382. });
  383. qunit.test("maskscache - same mask diff definitions - StonesEditeurs", function (assert) {
  384. var $fixture = $("#qunit-fixture");
  385. $fixture.append('<input type="text" id="testmask" />');
  386. var testmask = document.getElementById("testmask");
  387. Inputmask({
  388. mask: "Z{1,*}",
  389. definitions: {
  390. 'Z': {
  391. validator: function (chrs, buffer, pos, strict, opts) {
  392. return {
  393. pos: pos,
  394. c: 'A'
  395. };
  396. },
  397. }
  398. }
  399. }).mask(testmask);
  400. Inputmask({
  401. mask: "Z{1,*}", // <= Same mask
  402. definitions: {
  403. 'Z': {
  404. validator: function (chrs, buffer, pos, strict, opts) {
  405. return {
  406. pos: pos,
  407. c: 'B'
  408. }; // <= another definition
  409. },
  410. }
  411. }
  412. }).mask(testmask);
  413. $("#testmask").Type("abcdef");
  414. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "BBBBBB", "Result " + document.getElementById("testmask").inputmask._valueGet());
  415. });
  416. qunit.test("autoUnmask not work in newest release #1109 - danilG", function (assert) {
  417. var $fixture = $("#qunit-fixture");
  418. $fixture.append('<input type="text" id="testmask" />');
  419. var testmask = document.getElementById("testmask");
  420. Inputmask({
  421. mask: "+7 999 999-99-99",
  422. autoUnmask: true
  423. }).mask(testmask);
  424. $(testmask).val("9226845186");
  425. //Let's get value exact immediate - this crack's
  426. $(testmask).val();
  427. $(testmask).trigger("mouseenter");
  428. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "+7 922 684-51-86", "Result " + document.getElementById("testmask").inputmask._valueGet());
  429. });
  430. qunit.test("Title Case - Especially", function (assert) {
  431. var $fixture = $("#qunit-fixture");
  432. $fixture.append('<input type="text" id="testmask" />');
  433. var testmask = document.getElementById("testmask");
  434. Inputmask("p{1,10}", {
  435. definitions: {
  436. "p": {
  437. validator: "[A-Za-z\u0410-\u044F\u0401\u0451\u00C0-\u00FF\u00B5 ]",
  438. cardinality: 1,
  439. casing: "title" //auto uppercasing
  440. }
  441. },
  442. }).mask(testmask);
  443. $(testmask).val("title case");
  444. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "Title Case", "Result " + document.getElementById("testmask").inputmask._valueGet());
  445. });
  446. qunit.test("Bug when typing after a fixed character #1299 - gayanj", function (assert) {
  447. var $fixture = $("#qunit-fixture");
  448. $fixture.append('<input type="text" id="testmask" />');
  449. var testmask = document.getElementById("testmask");
  450. Inputmask("AaaBAaaVaa").mask(testmask);
  451. testmask.focus();
  452. $.caret(testmask, 4);
  453. $("#testmask").Type("a");
  454. assert.equal(document.getElementById("testmask").inputmask._valueGet(), "___BA__V__", "Result " + document.getElementById("testmask").inputmask._valueGet());
  455. });
  456. };