third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-should-not-force-sync-style-recalc.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 id="testSheet">
   7 .test-0 { font-family: 'Arial'; }
   8 .test-1 { font-family: 'Arial'; }
   9 .test-2 { font-family: 'Arial'; }
  10 .test-3 { font-family: 'Arial'; }
  11 .test-4 { font-family: 'Arial'; }
  12 .test-5 { font-family: 'Arial'; }
  13 .test-6 { font-family: 'Arial'; }
  14 .test-7 { font-family: 'Arial'; }
  15 .test-8 { font-family: 'Arial'; }
  16 .test-9 { font-family: 'Arial'; }
  17 </style>
  18
  19 <script>
  20
  21 function performActions()
  22 {
  23     var styleElement = document.querySelector("#testSheet");
  24     for (var i = 0; i < 10; ++i)
  25         styleElement.sheet.deleteRule(0);
  26 }
  27
  28 function test()
  29 {
  30     WebInspector.context.setFlavor(WebInspector.TimelinePanel, WebInspector.panels.timeline);
  31     InspectorTest.evaluateWithTimeline("performActions()", callback);
  32
  33     function callback()
  34     {
  35         InspectorTest.printTimelineRecords("", function(record) {
  36             if (record.type() === "UpdateLayoutTree")
  37                 InspectorTest.addResult(record.type());
  38         });
  39         InspectorTest.completeTest();
  40     }
  41 }
  42
  43 </script>
  44 </head>
  45
  46 <body onload="runTest()">
  47 <p>
  48 Tests that inspector doesn't force sync layout on operations with CSSOM.<a href="https://code.google.com/p/chromium/issues/detail?id=315885">Bug 315885</a>.
  49 </p>
  50
  51 </body>
  52 </html>