input-seconds-leading-zeroes.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-input-element/input-seconds-leading-zeroes.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<meta charset="utf-8">

<html>

 <head>

  <title>HTMLInputElement leading zeroes in seconds/millis</title>

  <script src="/resources/testharness.js"></script>

  <script src="/resources/testharnessreport.js"></script>

 </head>

 <body>

  <h3>input times and datetimes with leading zeroes in seconds/millis</h3>

  <!-- This test ensures that seconds and milliseconds are being

       output with the appropriate field widths when sanitizing

       datetime-locals and times, e.g. that we don't see "12:30:1".

       The spec is not specific about how much precision to use

       in a sanitized time string, but an invalid string would

       fail at .valueAsNumber -->

  <hr>

  <div id="log"></div>

  <input id="inp">

  <script>

    var inp=document.getElementById("inp");

    var cases = [

      ["datetime-local", "2000-01-01T12:30:01",     946729801000],

      ["datetime-local", "2000-01-01T12:30:00.5",   946729800500],

      ["datetime-local", "2000-01-01T12:30:00.04",  946729800040],

      ["datetime-local", "2000-01-01T12:30:00.003", 946729800003],

      ["time", "12:30:01",     45001000],

      ["time", "12:30:00.5",   45000500],

      ["time", "12:30:00.04",  45000040],

      ["time", "12:30:00.003", 45000003],

];

    for (var i in cases) {

      var c = cases[i];

      test(function() {

        inp.setAttribute("type", c[0]);

        inp.value = c[1];

        assert_equals(inp.valueAsNumber, c[2]);

      },"Expected valueAsNumber=" +c[2] + " from " + c[1]);

      if (c[0] == "datetime-local") {

        test(function() {

          inp.setAttribute("type", c[0]);

          inp.value = c[1];

          assert_in_array(inp.value, [c[1], c[1].replace("T", " ")]);

        },"Expected digits unchanged in round-trip of " + c[1])

  </script>

 </body>

</html>