PerformanceTests/CSS/StyleSheetInsert.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../resources/runner.js"></script>
   5 </head>
   6 <body>
   7 <iframe></iframe>
   8 </body>
   9 <script>
  10
  11 function setup() {
  12     var frame = document.getElementsByTagName("iframe")[0];
  13     var testDoc = frame.contentDocument;
  14     var docText = "";
  15     docText += "<body><style>.foo {color:red}</style>";
  16     docText += "<div class='bar'>Foo</div>";
  17     for (var i = 0; i < 10000; ++i)
  18         docText += "<div class='foo'>Foo</div>";
  19     testDoc.body.innerHTML = docText;
  20     return testDoc;
  21 }
  22
  23 PerfTestRunner.measureTime({run:function() {
  24     var testDoc = setup();
  25     var start = PerfTestRunner.now();
  26     for (var i = 0; i < 50; i++) {
  27         var styleElem = testDoc.createElement("style");
  28         styleElem.innerText = ".bar {color:green}";
  29         testDoc.body.insertBefore(styleElem, testDoc.body.firstChild);
  30     }
  31     return PerfTestRunner.now() - start;
  32 }});
  33 </script>
  34 </html>