tests.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. $.fn.SendKey = function (keyCode) {
  2. var keydown = $.Event("keydown"),
  3. keypress = $.Event("keypress");
  4. keyup = $.Event("keyup");
  5. keydown.keyCode = keyCode;
  6. $(this).trigger(keydown)
  7. if (!keydown.isDefaultPrevented()) {
  8. keypress.keyCode = keyCode;
  9. $(this).trigger(keypress);
  10. if (!keypress.isDefaultPrevented()) {
  11. keyup.keyCode = keyCode;
  12. $(this).trigger(keryup);
  13. }
  14. }
  15. }
  16. module("Simple masking");
  17. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: false}", function () {
  18. $('body').append('<input type="text" id="testmask" />');
  19. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: false });
  20. equal(document.getElementById("testmask").value, "__-__-__", "Result " + document.getElementById("testmask").value);
  21. $("#testmask").remove();
  22. });
  23. test("inputmask(\"99-99-99\", { clearMaskOnLostFocus: true}", function () {
  24. $('body').append('<input type="text" id="testmask" />');
  25. $("#testmask").inputmask("99-99-99", { clearMaskOnLostFocus: true });
  26. equal(document.getElementById("testmask").value, "", "Result " + document.getElementById("testmask").value);
  27. $("#testmask").remove();
  28. });
  29. test("inputmask(\"999.999.999\")", function () {
  30. $('body').append('<input type="text" id="testmask" />');
  31. $("#testmask").inputmask("999.999.999");
  32. $("#testmask")[0].focus();
  33. var event;
  34. $("#testmask").SendKey(49);
  35. $("#testmask").SendKey(50);
  36. $("#testmask").SendKey(51);
  37. equal($("#testmask").val(), "123.___.___", "Result " + $("#testmask").val());
  38. $("#testmask").remove();
  39. });
  40. asyncTest("inputmask(\"999.999.999\", { oncomplete: ... })", 1, function () {
  41. $('body').append('<input type="text" id="testmask" />');
  42. $("#testmask").inputmask("999.999.999", {
  43. oncomplete: function () {
  44. equal($("#testmask").val(), "123.456.789", "Result " + $("#testmask").val());
  45. start();
  46. $("#testmask").remove();
  47. }
  48. });
  49. $("#testmask")[0].focus();
  50. $("#testmask").SendKey(49);
  51. $("#testmask").SendKey(50);
  52. $("#testmask").SendKey(51);
  53. $("#testmask").SendKey(52);
  54. $("#testmask").SendKey(53);
  55. $("#testmask").SendKey(54);
  56. $("#testmask").SendKey(55);
  57. $("#testmask").SendKey(56);
  58. $("#testmask").SendKey(57);
  59. });
  60. asyncTest("inputmask(\"9-AAA.999\") - change event", 1, function () {
  61. $('body').append('<input type="text" id="testmask" />');
  62. $("#testmask").inputmask("9-AAA.999").change(function () {
  63. ok(true, "Change triggered");
  64. setTimeout(function () {
  65. $("#testmask").remove();
  66. start();
  67. });
  68. });
  69. $("#testmask")[0].focus();
  70. $("#testmask").SendKey(49);
  71. $("#testmask").SendKey(65);
  72. $("#testmask").SendKey(66);
  73. $("#testmask").SendKey(67);
  74. $("#testmask").SendKey(50);
  75. $("#testmask").SendKey(51);
  76. $("#testmask").blur();
  77. });
  78. asyncTest("inputmask(\"9-AAA.999\", { onincomplete: ... })", 1, function () {
  79. $('body').append('<input type="text" id="testmask" />');
  80. $("#testmask").inputmask("9-AAA.999", {
  81. onincomplete: function () {
  82. equal($("#testmask").val(), "1-ABC.12_", "Result " + $("#testmask").val());
  83. start();
  84. $("#testmask").remove();
  85. }
  86. });
  87. $("#testmask")[0].focus();
  88. $("#testmask").SendKey(49);
  89. $("#testmask").SendKey(65);
  90. $("#testmask").SendKey(66);
  91. $("#testmask").SendKey(67);
  92. $("#testmask").SendKey(49);
  93. $("#testmask").SendKey(50);
  94. $("#testmask").blur();
  95. });
  96. module("Initial value setting");
  97. test("inputmask(\"999:99\", { placeholder: \"0\"}) value=\"007:20\"", function () {
  98. $('body').append('<input type="text" id="testmask" value="007:20" />');
  99. $("#testmask").inputmask("999:99", { placeholder: "0" });
  100. equal($("#testmask").val(), "007:20", "Result " + $("#testmask").val());
  101. $("#testmask").remove();
  102. });
  103. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"01 650 103 002 0001 DE101 5170\"", function () {
  104. $('body').append('<input type="text" id="testmask" value="01 650 103 002 0001 DE101 5170" />');
  105. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  106. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  107. $("#testmask").remove();
  108. });
  109. test("inputmask(\"99 999 999 999 9999 \\D\\E*** 9999\") ~ value=\"016501030020001DE1015170\"", function () {
  110. $('body').append('<input type="text" id="testmask" value="016501030020001DE1015170" />');
  111. $("#testmask").inputmask("99 999 999 999 9999 \\D\\E*** 9999");
  112. equal($("#testmask").val(), "01 650 103 002 0001 DE101 5170", "Result " + $("#testmask").val());
  113. $("#testmask").remove();
  114. });
  115. test("inputmask(\"\\D\\E***\") ~ value=\"DE001\"", function () {
  116. $('body').append('<input type="text" id="testmask" value="DE001" />');
  117. $("#testmask").inputmask("\\D\\E***");
  118. equal($("#testmask").val(), "DE001", "Result " + $("#testmask").val());
  119. $("#testmask").remove();
  120. });
  121. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  122. $('body').append('<input type="text" id="testmask" value="123.45" />');
  123. $("#testmask").inputmask("decimal");
  124. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  125. $("#testmask").remove();
  126. });
  127. module("Set value with fn.val");
  128. test("inputmask(\"decimal\") ~ value=\"123.45\"", function () {
  129. $('body').append('<input type="text" id="testmask" />');
  130. $("#testmask").inputmask("decimal");
  131. $("#testmask").val("123.45");
  132. equal($("#testmask").val(), "123.45", "Result " + $("#testmask").val());
  133. $("#testmask").remove();
  134. });