third_party/WebKit/LayoutTests/fast/forms/time-multiple-fields/time-multiple-fields-change-layout-by-value.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <script>
   8 description("Change multiple fields time input UI layout by value");
   9 var testInput = document.createElement("input");
  10 testInput.setAttribute("type", "time");
  11 testInput.setAttribute("step", "60");
  12 testInput.setAttribute("value", "12:34:56");
  13 document.body.appendChild(testInput);
  14 var widthOfStep60 = testInput.offsetWidth;
  15
  16 testInput.value = "12:34:56.789";
  17 var widthWithMillisecond = testInput.offsetWidth;
  18 shouldBeTrue('widthOfStep60 < widthWithMillisecond');
  19
  20 testInput.value = "12:34:56";
  21 var widthWithSecond = testInput.offsetWidth;
  22 shouldBeTrue('widthOfStep60 == widthWithSecond');
  23
  24 document.body.removeChild(testInput);
  25 </script>
  26 </body>
  27 </html>