tests_initialvalue.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
  1. import { keys} from "../lib/keycode";
  2. export default function (qunit, Inputmask) {
  3. var $ = Inputmask.dependencyLib;
  4. qunit.module("Initial value setting");
  5. qunit.test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function (assert) {
  6. var $fixture = $("#qunit-fixture");
  7. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"007:20\" />");
  8. var testmask = document.getElementById("testmask");
  9. Inputmask("999:99", {
  10. placeholder: "0"
  11. }).mask(testmask);
  12. assert.equal(testmask.value, "007:20", "Result " + testmask.value);
  13. });
  14. qunit.test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\" - wuSam", function (assert) {
  15. var $fixture = $("#qunit-fixture");
  16. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"01 650 103 002 0001 DE101 5170\" />");
  17. var testmask = document.getElementById("testmask");
  18. Inputmask("99 999 999 999 9999 \\D\\E*** 9999").mask(testmask);
  19. assert.equal(testmask.value, "01 650 103 002 0001 DE101 5170", "Result " + testmask.value);
  20. });
  21. qunit.test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\" - wuSam", function (assert) {
  22. var $fixture = $("#qunit-fixture");
  23. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"016501030020001DE1015170\" />");
  24. var testmask = document.getElementById("testmask");
  25. Inputmask("99 999 999 999 9999 \\D\\E*** 9999").mask(testmask);
  26. assert.equal(testmask.value, "01 650 103 002 0001 DE101 5170", "Result " + testmask.value);
  27. });
  28. qunit.test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\" replace 2 with 3 - wuSam", function (assert) {
  29. var $fixture = $("#qunit-fixture");
  30. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"016501030020001DE1015170\" />");
  31. var testmask = document.getElementById("testmask");
  32. Inputmask("99 999 999 999 9999 \\D\\E*** 9999").mask(testmask);
  33. $.caret(testmask, 13, 14);
  34. $("#testmask").Type("3");
  35. assert.equal(testmask.value, "01 650 103 003 0001 DE101 5170", "Result " + testmask.value);
  36. });
  37. qunit.test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\" replace 002 with 003 - wuSam", function (assert) {
  38. var $fixture = $("#qunit-fixture");
  39. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"016501030020001DE1015170\" />");
  40. var testmask = document.getElementById("testmask");
  41. Inputmask("99 999 999 999 9999 \\D\\E*** 9999").mask(testmask);
  42. $.caret(testmask, 11, 14);
  43. $("#testmask").Type("003");
  44. assert.equal(testmask.value, "01 650 103 003 0001 DE101 5170", "Result " + testmask.value);
  45. });
  46. qunit.test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\" replace 02 with 01 - wuSam", function (assert) {
  47. var $fixture = $("#qunit-fixture");
  48. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"016501030020001DE1015170\" />");
  49. var testmask = document.getElementById("testmask");
  50. Inputmask("99 999 999 999 9999 \\D\\E*** 9999").mask(testmask);
  51. $.caret(testmask, 12, 14);
  52. $("#testmask").Type("01");
  53. assert.equal(testmask.value, "01 650 103 001 0001 DE101 5170", "Result " + testmask.value);
  54. });
  55. qunit.test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\", { greedy: false }) ~ value=\"016501030020001DE1015170\" replace 02 with 01 - wuSam", function (assert) {
  56. var $fixture = $("#qunit-fixture");
  57. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"016501030020001DE1015170\" />");
  58. var testmask = document.getElementById("testmask");
  59. Inputmask("99 999 999 999 9999 \\D\\E*** 9999", {
  60. greedy: false
  61. }).mask(testmask);
  62. $.caret(testmask, 12, 14);
  63. $("#testmask").Type("01");
  64. assert.equal(testmask.value, "01 650 103 001 0001 DE101 5170", "Result " + testmask.value);
  65. });
  66. qunit.test("inputmask(\"\\D\\E***\") ~ value=\"DE001\" - wuSam", function (assert) {
  67. var $fixture = $("#qunit-fixture");
  68. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"DE001\" />");
  69. var testmask = document.getElementById("testmask");
  70. Inputmask("\\D\\E***").mask(testmask);
  71. assert.equal(testmask.value, "DE001", "Result " + testmask.value);
  72. });
  73. qunit.test("inputmask(\"decimal\") ~ value=\"123.45\"", function (assert) {
  74. var $fixture = $("#qunit-fixture");
  75. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"123.45\" />");
  76. var testmask = document.getElementById("testmask");
  77. Inputmask("decimal").mask(testmask);
  78. assert.equal(testmask.value, "123.45", "Result " + testmask.value);
  79. });
  80. qunit.test("inputmask(\"decimal\") ~ value=\"123.45\" - disabled input", function (assert) {
  81. var $fixture = $("#qunit-fixture");
  82. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"123.45\" disabled=\"disabled\" />");
  83. var testmask = document.getElementById("testmask");
  84. Inputmask("decimal").mask(testmask);
  85. assert.equal(testmask.value, "123.45", "Result " + testmask.value);
  86. });
  87. qunit.test("datetime inputformat mm/yyyy ~ value=\"031973\" - disabled input", function (assert) {
  88. var $fixture = $("#qunit-fixture");
  89. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"031973\" disabled=\"disabled\" />");
  90. var testmask = document.getElementById("testmask");
  91. Inputmask("datetime", {
  92. inputFormat: "mm/yyyy",
  93. min: "01/1900"
  94. }).mask(testmask);
  95. assert.equal(testmask.value, "03/1973", "Result " + testmask.value);
  96. });
  97. qunit.test("inputmask(\"6703 9999 9999 9999 9\") ~ value=\"6703 1234 5678 9012 3\" - FransVdb", function (assert) {
  98. var $fixture = $("#qunit-fixture");
  99. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"6703 1234 5678 9012 3\" />");
  100. var testmask = document.getElementById("testmask");
  101. Inputmask("6703 9999 9999 9999 9").mask(testmask);
  102. assert.equal(testmask.value, "6703 1234 5678 9012 3", "Result " + testmask.value);
  103. });
  104. qunit.test("inputmask(\"6703 9999 9999 9999 9\") ~ type \"6703 1234 5678 9012 3\" + backspace - FransVdb", function (assert) {
  105. var $fixture = $("#qunit-fixture");
  106. $fixture.append("<input type=\"text\" id=\"testmask\" />");
  107. var testmask = document.getElementById("testmask");
  108. Inputmask("6703 9999 9999 9999 9").mask(testmask);
  109. testmask.focus();
  110. $("#testmask").Type("1234567890123");
  111. $("#testmask").SendKey(keys.Backspace);
  112. assert.equal(testmask.value, "6703 1234 5678 9012 _", "Result " + testmask.value);
  113. });
  114. qunit.test("inputmask(\"6703 9999 9999 9999 9\") ~ type \"6703670367036\" + backspace - FransVdb", 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("6703 9999 9999 9999 9").mask(testmask);
  120. testmask.focus();
  121. $("#testmask").trigger("click");
  122. setTimeout(function () {
  123. $("#testmask").Type("6703670367036");
  124. $("#testmask").SendKey(keys.Backspace);
  125. assert.equal(testmask.value, "6703 6703 6703 6703 _", "Result " + testmask.value);
  126. done();
  127. }, 0);
  128. });
  129. qunit.test("f\\\\acebook.com/&{0,20} value=\"event\"", function (assert) {
  130. var $fixture = $("#qunit-fixture");
  131. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"event\" />");
  132. var testmask = document.getElementById("testmask");
  133. Inputmask(
  134. {mask: "f\\acebook.com/&{0,20}"}
  135. ).mask(testmask);
  136. assert.equal(testmask.value, "facebook.com/EVENT", "Result " + testmask.value);
  137. });
  138. qunit.test("f\\\\acebook.com/&{0,20} value=\"event\"", function (assert) {
  139. var $fixture = $("#qunit-fixture");
  140. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"facebook.com/EVENT\" />");
  141. var testmask = document.getElementById("testmask");
  142. Inputmask(
  143. {mask: "f\\acebook.com/&{0,20}"}
  144. ).mask(testmask);
  145. assert.equal(testmask.value, "facebook.com/EVENT", "Result " + testmask.value);
  146. });
  147. qunit.test("f\\\\acebook.com/&{0,20} value=\"facet\"", function (assert) {
  148. var $fixture = $("#qunit-fixture");
  149. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"facet\" />");
  150. var testmask = document.getElementById("testmask");
  151. Inputmask(
  152. {mask: "f\\acebook.com/&{0,20}"}
  153. ).mask(testmask);
  154. assert.equal(testmask.value, "facebook.com/FACET", "Result " + testmask.value);
  155. });
  156. qunit.test("f\\\\acebook.com/&{0,20} value=\"facebook.com/facet\"", function (assert) {
  157. var $fixture = $("#qunit-fixture");
  158. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"facebook.com/facet\" />");
  159. var testmask = document.getElementById("testmask");
  160. Inputmask(
  161. {mask: "f\\acebook.com/&{0,20}"}
  162. ).mask(testmask);
  163. assert.equal(testmask.value, "facebook.com/FACET", "Result " + testmask.value);
  164. });
  165. qunit.test("test prefilled value input with positionOnCaret: select", function (assert) {
  166. var done = assert.async(),
  167. $fixture = $("#qunit-fixture");
  168. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"8.00\" />");
  169. var testmask = document.getElementById("testmask");
  170. Inputmask("decimal", {
  171. positionCaretOnClick: "select"
  172. }).mask(testmask);
  173. setTimeout(function () {
  174. assert.equal(testmask.value, "8.00", "Result " + testmask.value);
  175. done();
  176. }, 5);
  177. });
  178. qunit.test("test prefilled value input with positionOnCaret: none", function (assert) {
  179. var done = assert.async(),
  180. $fixture = $("#qunit-fixture");
  181. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"8.00\" />");
  182. var testmask = document.getElementById("testmask");
  183. Inputmask("decimal", {
  184. positionCaretOnClick: "none"
  185. }).mask(testmask);
  186. setTimeout(function () {
  187. assert.equal(testmask.value, "8.00", "Result " + testmask.value);
  188. done();
  189. }, 5);
  190. });
  191. qunit.test("test prefilled value input with positionOnCaret: lvp", function (assert) {
  192. var done = assert.async(),
  193. $fixture = $("#qunit-fixture");
  194. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"8.00\" />");
  195. var testmask = document.getElementById("testmask");
  196. Inputmask("decimal", {
  197. positionCaretOnClick: "lvp"
  198. }).mask(testmask);
  199. setTimeout(function () {
  200. assert.equal(testmask.value, "8.00", "Result " + testmask.value);
  201. done();
  202. }, 5);
  203. });
  204. qunit.test("test prefilled value input with positionOnCaret: ignore", function (assert) {
  205. var done = assert.async(),
  206. $fixture = $("#qunit-fixture");
  207. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"8.00\" />");
  208. var testmask = document.getElementById("testmask");
  209. Inputmask("decimal", {
  210. positionCaretOnClick: "ignore"
  211. }).mask(testmask);
  212. setTimeout(function () {
  213. assert.equal(testmask.value, "8.00", "Result " + testmask.value);
  214. done();
  215. }, 5);
  216. });
  217. qunit.test("test prefilled value input with positionOnCaret: radixFocus", function (assert) {
  218. var done = assert.async(),
  219. $fixture = $("#qunit-fixture");
  220. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"8.00\" />");
  221. var testmask = document.getElementById("testmask");
  222. Inputmask("decimal", {
  223. positionCaretOnClick: "radixFocus"
  224. }).mask(testmask);
  225. setTimeout(function () {
  226. assert.equal(testmask.value, "8.00", "Result " + testmask.value);
  227. done();
  228. }, 5);
  229. });
  230. qunit.test("test prefilled value input without positionOnCaret", function (assert) {
  231. var done = assert.async(),
  232. $fixture = $("#qunit-fixture");
  233. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"8.00\" />");
  234. var testmask = document.getElementById("testmask");
  235. Inputmask("decimal").mask(testmask);
  236. setTimeout(function () {
  237. assert.equal(testmask.value, "8.00", "Result " + testmask.value);
  238. done();
  239. }, 5);
  240. });
  241. qunit.test("partial filled searchfield - docwaremm", function (assert) {
  242. var done = assert.async(),
  243. $fixture = $("#qunit-fixture");
  244. $fixture.append("<input type=\"text\" id=\"testmask\" value=\"___-__6789-9\" />");
  245. var testmask = document.getElementById("testmask");
  246. Inputmask("999-999999-9").mask(testmask);
  247. setTimeout(function () {
  248. assert.equal(testmask.value, "___-__6789-9", "Result " + testmask.value);
  249. done();
  250. }, 5);
  251. });
  252. }