third_party/WebKit/LayoutTests/inspector/tracing/timeline-layout-reason.html

   1 <html>
   2 <style>
   3 .test { height: 20px; }
   4 </style>
   5 <head>
   6 <script src="../../http/tests/inspector/inspector-test.js"></script>
   7 <script src="../../http/tests/inspector/timeline-test.js"></script>
   8 <script>
   9
  10 function invalidateStyle()
  11 {
  12     var element = document.getElementById("test");
  13     element.className = "test";
  14 }
  15
  16 function forceLayout()
  17 {
  18     var element = document.getElementById("test");
  19     var unused = element.offsetHeight;
  20 }
  21
  22 function performActions()
  23 {
  24     invalidateStyle();
  25     forceLayout();
  26 }
  27
  28 function test()
  29 {
  30     InspectorTest.evaluateWithTimeline("performActions()", onTimelineRecorded);
  31     function onTimelineRecorded()
  32     {
  33         var layoutRecord = InspectorTest.findFirstTimelineRecord("Layout");
  34         InspectorTest.addResult("layout invalidated: " + layoutRecord.traceEvent().initiator.args["data"]["stackTrace"][0].functionName);
  35         InspectorTest.addResult("layout forced: " + layoutRecord.traceEvent().args["beginData"]["stackTrace"][0].functionName);
  36         InspectorTest.completeTest();
  37     }
  38 }
  39
  40 </script>
  41 </head>
  42
  43 <body onload="runTest()">
  44 <p>
  45 Tests that Layout record has correct locations of layout being invalidated and forced.
  46 </p>
  47 <div id="test"></div>
  48
  49 </body>
  50 </html>