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

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <script src="../../../resources/js-test.js"></script>
   5 <script>
   6 description('Change multiple fields date input UI layout by value');
   7 var testInput = document.createElement('input');
   8 testInput.type = 'date';
   9 testInput.max = '9999-12-31';
  10 document.body.appendChild(testInput);
  11 var widthOfEmptyValue = testInput.offsetWidth;
  12
  13 testInput.value = '10000-01-01';
  14 var widthOfOverflowValue = testInput.offsetWidth;
  15 shouldBeTrue('widthOfEmptyValue < widthOfOverflowValue');
  16
  17 testInput.value = '2012-10-05';
  18 var widthOfValidValue = testInput.offsetWidth;
  19 shouldBe('widthOfEmptyValue', 'widthOfValidValue');
  20
  21 document.body.removeChild(testInput);
  22 </script>
  23 </body>
  24 </html>