third_party/WebKit/PerformanceTests/BlinkGC/stress-many-css-style-rules.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Benchmark - Stress Blink GC</title>
   5 </head>
   6 <body>
   7 <script src="../resources/runner.js"></script>
   8 <script src="resources/measure-gc.js"></script>
   9 <script>
  10 window.onload = function() {
  11     var css = '';
  12     for (var i = 0; i < 100000; ++i)
  13         css += '#a' + i + ' { color: red; background: linear-gradient(olive, tomato); display: inline; padding: 1px 2px 3px 4px; } ';
  14     var styleElement = document.createElement('style');
  15     styleElement.setAttribute('type', 'text/css');
  16     styleElement.appendChild(document.createTextNode(css));
  17     var head = document.getElementsByTagName('head')[0];
  18     head.appendChild(styleElement);
  19
  20     PerfTestRunner.measureBlinkGCTime({description: 'Stress Blink GC by GCing many CSS style rules', done: function() {
  21         head.removeChild(styleElement);
  22     }});
  23 }
  24 </script>
  25 </body>
  26 </html>