/toolkit/content/tests/chrome/test_timepicker.xul

http://github.com/zpao/v8monkey · Unknown · 206 lines · 166 code · 40 blank · 0 comment · 0 complexity · 61d877bfc08ed571cc31856342588607 MD5 · raw file

  1. <?xml version="1.0"?>
  2. <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
  3. <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
  4. <!--
  5. XUL Widget Test for timepicker
  6. -->
  7. <window title="timepicker" width="500" height="600"
  8. onload="setTimeout(testtag_timepicker, 0);"
  9. xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  10. <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  11. <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
  12. <timepicker id="timepicker"/>
  13. <body xmlns="http://www.w3.org/1999/xhtml">
  14. <p id="display"></p>
  15. <div id="content" style="display: none">
  16. </div>
  17. <pre id="test">
  18. </pre>
  19. </body>
  20. <script>
  21. <![CDATA[
  22. SimpleTest.waitForExplicitFinish();
  23. function testtag_timepicker()
  24. {
  25. var tp = document.getElementById("timepicker");
  26. var testid = "timepicker ";
  27. var today = new Date();
  28. var thour = today.getHours();
  29. var tminute = today.getMinutes();
  30. var tsecond = today.getSeconds();
  31. // testtag_comparetime(tp, testid + "initial", thour, tminute, tsecond);
  32. // check that setting the value property works
  33. tp.value = testtag_gettimestring(thour, tminute, tsecond);
  34. testtag_comparetime(tp, testid + "set value", thour, tminute, tsecond);
  35. var numberOrder = /^(\D*)\s*(\d+)(\D*)(\d+)(\D*)(\d+)\s*(\D*)$/;
  36. var fdt = new Date(2000,0,1,16,7,9).toLocaleFormat("%X");
  37. is(tp.is24HourClock, Number(fdt.match(numberOrder)[2]) > 12, "is24HourClock");
  38. // check that setting the dateValue property works
  39. tp.dateValue = today;
  40. testtag_comparetime(tp, testid + "set dateValue", thour, tminute, tsecond);
  41. ok(tp.value !== today, testid + " set dateValue different time");
  42. ok(!tp.readOnly, testid + "readOnly");
  43. tp.readOnly = true;
  44. ok(tp.readOnly, testid + "set readOnly");
  45. tp.readOnly = false;
  46. ok(!tp.readOnly, testid + "clear readOnly");
  47. function setTimeField(field, value, expectException,
  48. expectedHour, expectedMinute, expectedSecond)
  49. {
  50. var exh = false;
  51. try {
  52. tp[field] = value;
  53. } catch (ex) { exh = true; }
  54. is(exh, expectException, testid + "set " + field + " " + value);
  55. testtag_comparetime(tp, testid + "set " + field + " " + value,
  56. expectedHour, expectedMinute, expectedSecond);
  57. }
  58. // check the value property
  59. setTimeField("value", "0:0:0", false, 0, 0, 0);
  60. setTimeField("value", "21:1:40", false, 21, 1, 40);
  61. setTimeField("value", "7:11:8", false, 7, 11, 8);
  62. setTimeField("value", "04:07:02", false, 4, 7, 2);
  63. setTimeField("value", "10:42:20", false, 10, 42, 20);
  64. // check that the hour, minute and second fields can be set properly
  65. setTimeField("hour", 7, false, 7, 42, 20);
  66. setTimeField("hour", 0, false, 0, 42, 20);
  67. setTimeField("hour", 21, false, 21, 42, 20);
  68. setTimeField("hour", -1, true, 21, 42, 20);
  69. setTimeField("hour", 24, true, 21, 42, 20);
  70. setTimeField("minute", 0, false, 21, 0, 20);
  71. setTimeField("minute", 9, false, 21, 9, 20);
  72. setTimeField("minute", 10, false, 21, 10, 20);
  73. setTimeField("minute", 35, false, 21, 35, 20);
  74. setTimeField("minute", -1, true, 21, 35, 20);
  75. setTimeField("minute", 60, true, 21, 35, 20);
  76. setTimeField("second", 0, false, 21, 35, 0);
  77. setTimeField("second", 9, false, 21, 35, 9);
  78. setTimeField("second", 10, false, 21, 35, 10);
  79. setTimeField("second", 51, false, 21, 35, 51);
  80. setTimeField("second", -1, true, 21, 35, 51);
  81. setTimeField("second", 60, true, 21, 35, 51);
  82. // check when seconds is not specified
  83. setTimeField("value", "06:05", false, 6, 5, 0);
  84. setTimeField("value", "06:15", false, 6, 15, 0);
  85. setTimeField("value", "16:15", false, 16, 15, 0);
  86. // check that times overflow properly
  87. setTimeField("value", "5:65:21", false, 6, 5, 21);
  88. setTimeField("value", "5:25:72", false, 5, 26, 12);
  89. // check invalid values for the value and dateValue properties
  90. tp.value = "14:25:48";
  91. setTimeField("value", "", true, 14, 25, 48);
  92. setTimeField("value", "1:5:6:6", true, 14, 25, 48);
  93. setTimeField("value", "2:a:19", true, 14, 25, 48);
  94. setTimeField("dateValue", "none", true, 14, 25, 48);
  95. // check the fields
  96. ok(tp.hourField instanceof HTMLInputElement, testid + "hourField");
  97. ok(tp.minuteField instanceof HTMLInputElement, testid + "minuteField");
  98. ok(tp.secondField instanceof HTMLInputElement, testid + "secondField");
  99. testtag_timepicker_UI(tp, testid);
  100. tp.readOnly = true;
  101. // check that keyboard usage doesn't change the value when the timepicker
  102. // is read only
  103. testtag_timepicker_UI_key(tp, testid + "readonly ", "14:25:48",
  104. tp.hourField, 14, 25, 48, 14, 25, 48);
  105. testtag_timepicker_UI_key(tp, testid + "readonly ", "14:25:48",
  106. tp.minuteField, 14, 25, 48, 14, 25, 48);
  107. testtag_timepicker_UI_key(tp, testid + "readonly ", "14:25:48",
  108. tp.secondField, 14, 25, 48, 14, 25, 48);
  109. SimpleTest.finish();
  110. }
  111. function testtag_timepicker_UI(tp, testid)
  112. {
  113. testid += "UI";
  114. // test adjusting the time with the up and down keys
  115. testtag_timepicker_UI_key(tp, testid, "0:12:25", tp.hourField, 1, 12, 25, 0, 12, 25);
  116. testtag_timepicker_UI_key(tp, testid, "11:12:25", tp.hourField, 12, 12, 25, 11, 12, 25);
  117. testtag_timepicker_UI_key(tp, testid, "7:12:25", tp.hourField, 8, 12, 25, 7, 12, 25);
  118. testtag_timepicker_UI_key(tp, testid, "16:12:25", tp.hourField, 17, 12, 25, 16, 12, 25);
  119. testtag_timepicker_UI_key(tp, testid, "23:12:25", tp.hourField, 0, 12, 25, 23, 12, 25);
  120. testtag_timepicker_UI_key(tp, testid, "15:23:46", tp.minuteField, 15, 24, 46, 15, 23, 46);
  121. testtag_timepicker_UI_key(tp, testid, "15:0:46", tp.minuteField, 15, 1, 46, 15, 0, 46);
  122. testtag_timepicker_UI_key(tp, testid, "15:59:46", tp.minuteField, 15, 0, 46, 15, 59, 46);
  123. testtag_timepicker_UI_key(tp, testid, "11:50:46", tp.secondField, 11, 50, 47, 11, 50, 46);
  124. testtag_timepicker_UI_key(tp, testid, "11:50:0", tp.secondField, 11, 50, 1, 11, 50, 0);
  125. testtag_timepicker_UI_key(tp, testid, "11:50:59", tp.secondField, 11, 50, 0, 11, 50, 59);
  126. }
  127. function testtag_timepicker_UI_key(tp, testid, value, field,
  128. uhour, uminute, usecond,
  129. dhour, dminute, dsecond)
  130. {
  131. tp.value = value;
  132. field.focus();
  133. var eventTarget = tp.readOnly ? null : tp;
  134. var testname = testid + " " + value + " key up";
  135. synthesizeKeyExpectEvent("VK_UP", { }, eventTarget, "change", testname);
  136. testtag_comparetime(tp, testname, uhour, uminute, usecond);
  137. testname = testid + " " + value + " key down";
  138. synthesizeKeyExpectEvent("VK_DOWN", { }, eventTarget, "change", testname);
  139. testtag_comparetime(tp, testname, dhour, dminute, dsecond);
  140. }
  141. function testtag_gettimestring(hour, minute, second)
  142. {
  143. if (minute < 10)
  144. minute = "0" + minute;
  145. if (second < 10)
  146. second = "0" + second;
  147. return hour + ":" + minute + ":" + second;
  148. }
  149. function testtag_comparetime(tp, testid, hour, minute, second)
  150. {
  151. is(tp.value, testtag_gettimestring(hour, minute, second), testid + " value");
  152. is(tp.getAttribute("value"),
  153. testtag_gettimestring(hour, minute, second),
  154. testid + " value attribute");
  155. var dateValue = tp.dateValue;
  156. ok(dateValue.getHours() == hour &&
  157. dateValue.getMinutes() == minute &&
  158. dateValue.getSeconds() == second,
  159. testid + " dateValue");
  160. is(tp.hour, hour, testid + " hour");
  161. is(tp.minute, minute, testid + " minute");
  162. is(tp.second, second, testid + " second");
  163. }
  164. ]]>
  165. </script>
  166. </window>