src/third_party/WebKit/LayoutTests/fast/text-autosizing/oscillation-javascript-fontsize-change.html

   1 <!DOCTYPE html>
   2 <html style="font-size: 16px">
   3 <head>
   4 <meta name="viewport" content="width=800">
   5 <style>
   6   body {
   7     width: 800px;
   8     margin: 0;
   9     overflow-y: hidden;
  10   }
  11   .largersize{font-size: 1.1em}
  12 </style>
  13 <script src="resources/autosizingTest.js"></script>
  14 </head>
  15 <body>
  16 <div>
  17     This paragraph should be autosized to 40px<br/>
  18     because it contains line breaks.<br/>
  19     This test is intended to check<br/>
  20     that there are no oscillations due to javascript<br/>
  21     briefly increasing the font size of a<br/>
  22     small paragraph below.
  23 </div>
  24 <div id="sizechanging" style="position: absolute; bottom: 0;">
  25     This text changes size using javascript below.
  26 </div>
  27 <script>
  28     var element = document.getElementById("sizechanging");
  29     var forceLayout = element.offsetHeight;
  30     element.className = 'largersize';
  31     forceLayout = element.offsetHeight;
  32     element.className = '';
  33     forceLayout = element.offsetHeight;
  34 </script>
  35 </body>
  36 </html>