tests_optional.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
  1. import {keys} from "../lib/keycode";
  2. export default function (qunit, Inputmask) {
  3. var $ = Inputmask.dependencyLib;
  4. qunit.module("Optional");
  5. qunit.test("inputmask(\"(99) 9999[9]-99999\") - input 121234-12345", function (assert) {
  6. var $fixture = $("#qunit-fixture");
  7. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  8. var testmask = document.getElementById("testmask");
  9. Inputmask("(99) 9999[9]-99999").mask(testmask);
  10. testmask.focus();
  11. $("#testmask").Type("121234-12345");
  12. assert.equal(testmask.value, "(12) 1234-12345", "Result " + testmask.value);
  13. });
  14. qunit.test("inputmask(\"(99) 9999[9]-99999\") - input 121234512345", function (assert) {
  15. var $fixture = $("#qunit-fixture");
  16. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  17. var testmask = document.getElementById("testmask");
  18. Inputmask("(99) 9999[9]-99999").mask(testmask);
  19. testmask.focus();
  20. $("#testmask").Type("121234512345");
  21. assert.equal(testmask.value, "(12) 12345-12345", "Result " + testmask.value);
  22. });
  23. qunit.test("inputmask({ mask: \"99999[-9999]\", greedy: true }) - input 123", function (assert) {
  24. var $fixture = $("#qunit-fixture");
  25. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  26. var testmask = document.getElementById("testmask");
  27. Inputmask({
  28. mask: "99999[-9999]",
  29. greedy: true
  30. }).mask(testmask);
  31. testmask.focus();
  32. $("#testmask").Type("123");
  33. assert.equal(testmask.value, "123__", "Result " + testmask.value);
  34. });
  35. qunit.test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123", function (assert) {
  36. var $fixture = $("#qunit-fixture");
  37. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  38. var testmask = document.getElementById("testmask");
  39. Inputmask({
  40. mask: "99999[-9999]",
  41. greedy: false
  42. }).mask(testmask);
  43. testmask.focus();
  44. $("#testmask").Type("123");
  45. assert.equal(testmask.value, "123__", "Result " + testmask.value);
  46. });
  47. qunit.test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 12345", function (assert) {
  48. var $fixture = $("#qunit-fixture");
  49. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  50. var testmask = document.getElementById("testmask");
  51. Inputmask({
  52. mask: "99999[-9999]",
  53. greedy: false
  54. }).mask(testmask);
  55. testmask.focus();
  56. $("#testmask").Type("12345");
  57. assert.equal(testmask.value, "12345", "Result " + testmask.value);
  58. });
  59. qunit.test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function (assert) {
  60. var $fixture = $("#qunit-fixture");
  61. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  62. var testmask = document.getElementById("testmask");
  63. Inputmask({
  64. mask: "99999[-9999]",
  65. greedy: false
  66. }).mask(testmask);
  67. testmask.focus();
  68. $("#testmask").Type("123456");
  69. assert.equal(testmask.value, "12345-6___", "Result " + testmask.value);
  70. });
  71. qunit.test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456789", function (assert) {
  72. var $fixture = $("#qunit-fixture");
  73. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  74. var testmask = document.getElementById("testmask");
  75. Inputmask({
  76. mask: "99999[-9999]",
  77. greedy: false
  78. }).mask(testmask);
  79. testmask.focus();
  80. $("#testmask").Type("123456789");
  81. assert.equal(testmask.value, "12345-6789", "Result " + testmask.value);
  82. });
  83. qunit.test("inputmask(\"9[9][9] 999[9] 9999\") - input 123123 space 1234 - vipink70", function (assert) {
  84. var $fixture = $("#qunit-fixture");
  85. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  86. var testmask = document.getElementById("testmask");
  87. Inputmask("9[9][9] 999[9] 9999").mask(testmask);
  88. testmask.focus();
  89. $("#testmask").Type("123123");
  90. $("#testmask").SendKey(keys.Space);
  91. $("#testmask").Type("1234");
  92. assert.equal(testmask.value, "123 123 1234", "Result " + testmask.value);
  93. });
  94. qunit.test("inputmask('[9-]AAA.999') ", function (assert) {
  95. var $fixture = $("#qunit-fixture");
  96. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  97. var testmask = document.getElementById("testmask");
  98. Inputmask("[9-]AAA.999").mask(testmask);
  99. $("#testmask").Type("1abc123");
  100. $.caret(testmask, 4, 5);
  101. $("#testmask").Type("d");
  102. assert.equal(testmask.value, "1-ABD.123", "Result " + testmask.value);
  103. });
  104. qunit.test("inputmask('9[9]:99') ", function (assert) {
  105. var $fixture = $("#qunit-fixture");
  106. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  107. var testmask = document.getElementById("testmask");
  108. Inputmask("9[9]:99").mask(testmask);
  109. $("#testmask").Type("3:44");
  110. $.caret(testmask, 1);
  111. $("#testmask").Type("3");
  112. assert.equal(testmask.value, "33:44", "Result " + testmask.value);
  113. });
  114. qunit.test("inputmask({ mask: \"99999[-9999]\", greedy: false }) - input 123456", function (assert) {
  115. var $fixture = $("#qunit-fixture");
  116. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  117. var testmask = document.getElementById("testmask");
  118. Inputmask({
  119. mask: "99999[-9999]",
  120. greedy: false
  121. }).mask(testmask);
  122. testmask.focus();
  123. $("#testmask").Type("123456");
  124. testmask.blur();
  125. $("#testmask").trigger("mouseenter");
  126. assert.equal(testmask.value, "12345-6___", "Result " + testmask.value);
  127. });
  128. qunit.test("inputmask({ mask: \"9'9{1,2}\"\", greedy: false, skipOptionalPartCharacter: \"\", \"clearIncomplete\": true }) - input 12 blur - thomstark", function (assert) {
  129. var $fixture = $("#qunit-fixture");
  130. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  131. var testmask = document.getElementById("testmask");
  132. Inputmask({
  133. mask: "9'9{1,2}\"",
  134. greedy: false,
  135. skipOptionalPartCharacter: "",
  136. "clearIncomplete": true
  137. }).mask(testmask);
  138. testmask.focus();
  139. $("#testmask").Type("12");
  140. testmask.blur();
  141. assert.equal(testmask.value, "1'2\"", "Result " + testmask.value);
  142. });
  143. qunit.test("inputmask({ mask: \"99{1,2}lb\\s\", greedy: false, skipOptionalPartCharacter: \"\", \"clearIncomplete\": true }) - input 12 blur - thomstark", function (assert) {
  144. var $fixture = $("#qunit-fixture");
  145. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  146. var testmask = document.getElementById("testmask");
  147. Inputmask({
  148. mask: "99{1,2}lb\\s",
  149. greedy: false,
  150. skipOptionalPartCharacter: "",
  151. "clearIncomplete": true
  152. }).mask(testmask);
  153. testmask.focus();
  154. $("#testmask").Type("12");
  155. testmask.blur();
  156. assert.equal(testmask.value, "12lbs", "Result " + testmask.value);
  157. });
  158. qunit.test("inputmask({ mask: \"9'9[9]\"\", greedy: false, skipOptionalPartCharacter: \"\", \"clearIncomplete\": true }) - input 12 blur - thomstark", function (assert) {
  159. var $fixture = $("#qunit-fixture");
  160. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  161. var testmask = document.getElementById("testmask");
  162. Inputmask({
  163. mask: "9'9[9]\"",
  164. greedy: false,
  165. skipOptionalPartCharacter: "",
  166. "clearIncomplete": true
  167. }).mask(testmask);
  168. testmask.focus();
  169. $("#testmask").Type("12");
  170. testmask.blur();
  171. assert.equal(testmask.value, "1'2\"", "Result " + testmask.value);
  172. });
  173. qunit.test("inputmask({ mask: \"99[9]lb\\s\", greedy: false, skipOptionalPartCharacter: \"\", \"clearIncomplete\": true }) - input 12 blur - thomstark", function (assert) {
  174. var $fixture = $("#qunit-fixture");
  175. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  176. var testmask = document.getElementById("testmask");
  177. Inputmask({
  178. mask: "99[9]lb\\s",
  179. greedy: false,
  180. skipOptionalPartCharacter: "",
  181. "clearIncomplete": true
  182. }).mask(testmask);
  183. testmask.focus();
  184. $("#testmask").Type("12");
  185. testmask.blur();
  186. assert.equal(testmask.value, "12lbs", "Result " + testmask.value);
  187. });
  188. qunit.test(".inputmask(\"99999[-9999]\", { greedy: false }); - type 123456 backspace iscomplete?", function (assert) {
  189. var $fixture = $("#qunit-fixture");
  190. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  191. var testmask = document.getElementById("testmask");
  192. Inputmask("99999[-9999]", {
  193. greedy: false
  194. }).mask(testmask);
  195. testmask.focus();
  196. $("#testmask").Type("123456");
  197. $("#testmask").SendKey(keys.Backspace);
  198. assert.equal(testmask.inputmask.isComplete(), true, "Result " + testmask.inputmask.isComplete());
  199. });
  200. qunit.test(".inputmask(\"99999[-9999]\", { greedy: false }); type 123456 backspace blur", function (assert) {
  201. var $fixture = $("#qunit-fixture"), done = assert.async();
  202. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  203. var testmask = document.getElementById("testmask");
  204. Inputmask("99999[-9999]", {
  205. greedy: false
  206. }).mask(testmask);
  207. testmask.focus();
  208. setTimeout(function () {
  209. $("#testmask").Type("123456");
  210. $("#testmask").SendKey(keys.Backspace);
  211. testmask.blur();
  212. setTimeout(function () {
  213. assert.equal($("#testmask")[0].inputmask._valueGet(), "12345", "Result " + $("#testmask")[0].inputmask._valueGet());
  214. done();
  215. }, 0);
  216. }, 0);
  217. });
  218. qunit.test(".inputmask(\"99999[-9999]\", { greedy: false, autoUnmask: true }); type 123456 backspace", function (assert) {
  219. var $fixture = $("#qunit-fixture"), done = assert.async();
  220. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  221. var testmask = document.getElementById("testmask");
  222. Inputmask("99999[-9999]", {
  223. greedy: false,
  224. autoUnmask: true
  225. }).mask(testmask);
  226. testmask.focus();
  227. $("#testmask").Type("123456");
  228. $("#testmask").SendKey(keys.Backspace);
  229. setTimeout(function () {
  230. assert.equal(testmask.value, "12345", "Result " + testmask.value);
  231. done();
  232. }, 0);
  233. });
  234. qunit.test(".inputmask('999-999-9999[ ext 9{1,5}]'); - type 12345678901 backspace iscomplete? - antch", function (assert) {
  235. var $fixture = $("#qunit-fixture");
  236. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  237. var testmask = document.getElementById("testmask");
  238. Inputmask("999-999-9999[ ext 9{1,5}]").mask(testmask);
  239. testmask.focus();
  240. $("#testmask").Type("12345678901");
  241. $("#testmask").SendKey(keys.Backspace);
  242. assert.equal(testmask.inputmask.isComplete(), true, "Result " + testmask.inputmask.isComplete());
  243. });
  244. qunit.test("inputmask({ mask: \"9999[ 9999][ 9999]\"}) - input 1234 space space - GMTA", function (assert) {
  245. var $fixture = $("#qunit-fixture");
  246. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  247. var testmask = document.getElementById("testmask");
  248. Inputmask({
  249. mask: "9999[ 9999][ 9999]"
  250. }).mask(testmask);
  251. testmask.focus();
  252. $("#testmask").Type("1234 ");
  253. assert.equal(testmask.value, "1234", "Result " + testmask.value);
  254. });
  255. qunit.test("9999[ 9999][ 9999][ 9999][ 999] - Enfree", function (assert) {
  256. var $fixture = $("#qunit-fixture");
  257. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  258. var testmask = document.getElementById("testmask");
  259. Inputmask({
  260. mask: "9999[ 9999][ 9999][ 9999][ 999]",
  261. placeholder: "", greedy: false
  262. }).mask(testmask);
  263. testmask.focus();
  264. $("#testmask").Type("45464748");
  265. $.caret(testmask, 2);
  266. $("#testmask").Type("0909");
  267. assert.equal(testmask.value, "4509 0946 4748", "Result " + testmask.value);
  268. });
  269. qunit.test("a{+} XYZ 9 - #2529", function (assert) {
  270. var $fixture = $("#qunit-fixture");
  271. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  272. var testmask = document.getElementById("testmask");
  273. Inputmask({
  274. mask: "a{+} XYZ 9"
  275. }).mask(testmask);
  276. testmask.focus();
  277. $("#testmask").Type("abcd1");
  278. $.caret(testmask, 0, testmask.value.length - 2);
  279. $("#testmask").SendKey(keys.Delete);
  280. $("#testmask").Type("abcd");
  281. assert.equal(testmask.value, "abcd XYZ 1", "Result " + testmask.value);
  282. });
  283. qunit.test("999[- 999] type 123456", function (assert) {
  284. var $fixture = $("#qunit-fixture");
  285. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  286. var testmask = document.getElementById("testmask");
  287. Inputmask({
  288. mask: "999[- 999]"
  289. }).mask(testmask);
  290. testmask.focus();
  291. $("#testmask").Type("123456");
  292. assert.equal(testmask.value, "123- 456", "Result " + testmask.value);
  293. });
  294. qunit.test("999[- 999] type 123456777777777777", function (assert) {
  295. var $fixture = $("#qunit-fixture");
  296. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  297. var testmask = document.getElementById("testmask");
  298. Inputmask({
  299. mask: "999[- 999]"
  300. }).mask(testmask);
  301. testmask.focus();
  302. $("#testmask").Type("123456777777777777");
  303. assert.equal(testmask.value, "123- 456", "Result " + testmask.value);
  304. });
  305. };