third_party/WebKit/LayoutTests/fast/forms/select-width-font-change.html

   1 <head>
   2
   3 <script>
   4
   5 function test()
   6 {
   7     if (window.testRunner)
   8         testRunner.dumpAsText();
   9
  10     var widthBefore = document.getElementById("select").offsetWidth;
  11     document.getElementById("select").setAttribute("style", "font-size: 32px");
  12     var widthAfter = document.getElementById("select").offsetWidth;
  13
  14     if (widthAfter - widthBefore > 20)
  15         document.getElementById("result").innerHTML = "PASS: Resize seems to have worked.";
  16     else
  17         document.getElementById("result").innerHTML = "FAIL: Size is not enough bigger after the style change.";
  18 }
  19
  20 </script>
  21
  22 </head>
  23
  24 <body onload="test()">
  25
  26 <p>This test checks to see if changing the font of a select element causes it to resize to accomodate the larger text.</p>
  27
  28 <p><select id="select" style="font-size: 9px">
  29 <option>This is an option with some text in it.</option>
  30 </select></p>
  31
  32 <p id="result"></p>
  33
  34 <body>