src/third_party/WebKit/LayoutTests/inspector/timeline/timeline-layout-autosize.html

   1 <html>
   2 <head>
   3 <script src="../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../http/tests/inspector/timeline-test.js"></script>
   5 <style>
   6 .relayout-boundary {
   7     overflow: hidden;
   8     width: 100px;
   9     height: 100px;
  10 }
  11 </style>
  12 <script>
  13 if (window.internals) {
  14     window.internals.settings.setTextAutosizingEnabled(true);
  15     window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
  16 }
  17
  18 function performActions()
  19 {
  20     invalidateAndForceLayout(document.getElementById("invalidate1"));
  21     invalidateAndForceLayout(document.getElementById("invalidate2"));
  22 }
  23
  24 function invalidateAndForceLayout(element)
  25 {
  26     element.style.marginTop = "10px";
  27     var unused = element.offsetHeight;
  28 }
  29
  30 function test()
  31 {
  32     InspectorTest.performActionsAndPrint("performActions()", "AutosizeText");
  33 }
  34
  35 </script>
  36 </head>
  37
  38 <body onload="runTestAfterDisplay()">
  39 <p>
  40 Tests the Timeline API instrumentation of a Layout event with Text Autosizing enabled.
  41 </p>
  42 <div class="relayout-boundary">
  43     <div>text</div>
  44     <div></div>
  45     <div>
  46         <div id="invalidate1"><div>text</div></div>
  47     </div>
  48 </div>
  49 <div class="relayout-boundary">
  50     <div></div>
  51     <div>text</div>
  52     <div id="invalidate2"><div>text</div></div>
  53     <div></div>
  54     <div></div>
  55     <div>text</div>
  56 </div>
  57
  58 </body>
  59 </html>