third_party/WebKit/LayoutTests/inspector/tracing/timeline-recalculate-styles.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
   6 <style>
   7 .test-style {
   8     color: red;
   9 }
  10 </style>
  11
  12 <script>
  13
  14 function performActions()
  15 {
  16     var element = document.createElement("div");
  17     element.className = "test-style";
  18     element.innerHTML = "<span>Test data</span>";
  19     document.querySelector('section > div').appendChild(element);
  20     var unused = element.offsetWidth;
  21 }
  22
  23 function test()
  24 {
  25     InspectorTest.performActionsAndPrint("performActions()", "UpdateLayoutTree");
  26 }
  27
  28 </script>
  29 </head>
  30
  31 <body onload="runTest()">
  32 <p>
  33 Tests the Timeline API instrumentation of a style recalculation event
  34 </p>
  35 <section>
  36     <div></div>
  37 </section>
  38 </body>
  39 </html>