third_party/WebKit/LayoutTests/inspector-protocol/timeline/timeline-layout.html

   1 <html>
   2 <head>
   3 <style>
   4 .my-class {
   5     min-width: 100px;
   6     background-color: red;
   7 }
   8 </style>
   9 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
  10 <script type="text/javascript" src="../../http/tests/inspector-protocol/tracing-test.js"></script>
  11 <script>
  12
  13 function performActions(callback)
  14 {
  15     var div = document.querySelector("#myDiv");
  16     div.classList.add("my-class");
  17     div.offsetWidth;
  18     callback();
  19 }
  20
  21 function test()
  22 {
  23     InspectorTest.invokeAsyncWithTracing("performActions", finish);
  24
  25     function finish(devtoolsEvents)
  26     {
  27         var schedRecalc = InspectorTest.findEvent("ScheduleStyleRecalculation", "I");
  28         var recalcBegin = InspectorTest.findEvent("UpdateLayoutTree", "B");
  29         var recalcEnd = InspectorTest.findEvent("UpdateLayoutTree", "E");
  30         InspectorTest.log("UpdateLayoutTree frames match: " + (schedRecalc.args.data.frame === recalcBegin.args.beginData.frame));
  31         InspectorTest.log("UpdateLayoutTree elementCount > 0: " + (recalcEnd.args.elementCount > 0));
  32
  33         var invalidate = InspectorTest.findEvent("InvalidateLayout", "I");
  34         var layoutBegin = InspectorTest.findEvent("Layout", "B");
  35         var layoutEnd = InspectorTest.findEvent("Layout", "E");
  36
  37         InspectorTest.log("InvalidateLayout frames match: " + (recalcBegin.args.beginData.frame === invalidate.args.data.frame));
  38
  39         var beginData = layoutBegin.args.beginData;
  40         InspectorTest.log("Layout frames match: " + (invalidate.args.data.frame === beginData.frame));
  41         InspectorTest.log("dirtyObjects > 0: " + (beginData.dirtyObjects > 0));
  42         InspectorTest.log("totalObjects > 0: " + (beginData.totalObjects > 0));
  43
  44         var endData = layoutEnd.args.endData;
  45         InspectorTest.log("has rootNode id: " + (endData.rootNode > 0));
  46         InspectorTest.log("has root quad: " + !!endData.root);
  47
  48         InspectorTest.log("SUCCESS: found all expected events.");
  49         InspectorTest.completeTest();
  50     }
  51
  52 }
  53 </script>
  54 </head>
  55 <body onLoad="runTest();">
  56 <div id="myDiv">DIV</div>
  57 </body>
  58 </html>