third_party/WebKit/LayoutTests/inspector/tracing/timeline-layout.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
  14 function invalidateAndForceLayout(element)
  15 {
  16     element.style.marginTop = "10px";
  17     var unused = element.offsetHeight;
  18 }
  19
  20 function performActions()
  21 {
  22     invalidateAndForceLayout(document.getElementById("invalidate1"));
  23     invalidateAndForceLayout(document.getElementById("invalidate2"));
  24 }
  25
  26 function test()
  27 {
  28     InspectorTest.performActionsAndPrint("performActions()", "Layout");
  29 }
  30
  31 </script>
  32 </head>
  33
  34 <body onload="runTest()">
  35 <p>
  36 Tests the Timeline API instrumentation of a Layout event
  37 </p>
  38 <div class="relayout-boundary">
  39     <div>text</div>
  40     <div></div>
  41     <div>
  42         <div id="invalidate1"><div>text</div></div>
  43     </div>
  44 </div>
  45 <div class="relayout-boundary">
  46     <div></div>
  47     <div>text</div>
  48     <div id="invalidate2"><div>text</div></div>
  49     <div></div>
  50     <div></div>
  51     <div>text</div>
  52 </div>
  53
  54 </body>
  55 </html>