third_party/WebKit/LayoutTests/fast/forms/time/time-valueasdate.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <p id="description"></p>
   8 <div id="console"></div>
   9 <script>
  10 description('Tests for .valueAsDate with &lt;input type=time>.');
  11
  12 var input = document.createElement('input');
  13 input.type = 'time';
  14
  15 function valueAsDateFor(stringValue) {
  16     input.value = stringValue;
  17     return input.valueAsDate;
  18 }
  19
  20 function setValueAsDateAndGetValue(hour, minute, second, ms) {
  21     var date = new Date();
  22     date.setTime(((hour * 60 + minute) * 60 + second) * 1000 + ms);
  23     input.valueAsDate = date;
  24     return input.value;
  25 }
  26
  27 shouldBe('valueAsDateFor("")', 'null');
  28 shouldBe('valueAsDateFor("00:00:00.000").getTime()', 'Date.UTC(1970, 0, 1, 0, 0, 0, 0)');
  29 shouldBe('valueAsDateFor("04:35").getTime()', 'Date.UTC(1970, 0, 1, 4, 35, 0, 0)');
  30 shouldBe('valueAsDateFor("23:59:59.999").getTime()', 'Date.UTC(1970, 0, 1, 23, 59, 59, 999)');
  31
  32 shouldBe('setValueAsDateAndGetValue(0, 0, 0, 0)', '"00:00"');
  33 shouldBe('setValueAsDateAndGetValue(0, 0, 1, 0)', '"00:00:01"');
  34 shouldBe('setValueAsDateAndGetValue(0, 0, 0, 2)', '"00:00:00.002"');
  35 shouldBe('setValueAsDateAndGetValue(11, 59, 59, 999)', '"11:59:59.999"');
  36 shouldBe('setValueAsDateAndGetValue(12, 0, 0, 0)', '"12:00"');
  37 shouldBe('setValueAsDateAndGetValue(23, 59, 59, 999)', '"23:59:59.999"');
  38 shouldBe('setValueAsDateAndGetValue(24, 0, 0, 0)', '"00:00"');
  39 shouldBe('setValueAsDateAndGetValue(48, 0, 13, 0)', '"00:00:13"');
  40 shouldBe('setValueAsDateAndGetValue(-23, -59, -59, 0)', '"00:00:01"');
  41
  42 debug('Invalid Date:');
  43 // Date of JavaScript can't represent 8.65E15.
  44 shouldBe('var date = new Date(); date.setTime(8.65E15); input.valueAsDate = date; input.value', '""');
  45 debug('Invalid objects:');
  46 shouldBe('input.value = "00:00"; input.valueAsDate = document; input.value', '""');
  47 shouldBe('input.value = "00:00"; input.valueAsDate = null; input.value', '""');
  48
  49 debug('Step attribute value and string representation:');
  50 // If the step attribute value is 1 second and the second part is 0, we should show the second part.
  51 shouldBe('input.step = "1"; setValueAsDateAndGetValue(0, 0, 0, 0)', '"00:00:00"');
  52 // If the step attribute value is 0.001 second and the millisecond part is 0, we should show the millisecond part.
  53 shouldBe('input.step = "0.001"; setValueAsDateAndGetValue(0, 0, 0, 0)', '"00:00:00.000"');
  54 </script>
  55 </body>
  56 </html>