src/third_party/WebKit/LayoutTests/inspector/styles/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     InspectorTest.performActionsAndPrint("performActions()", "RecalculateStyles");
  31 }
  32
  33 </script>
  34 </head>
  35
  36 <body onload="runTest()">
  37 <p>
  38 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>.
  39 </p>
  40
  41 </body>
  42 </html>