2012-09-26 14:52:19 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="../resources/runner.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<iframe></iframe>
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
2012-09-27 23:39:09 +00:00
|
|
|
|
|
|
|
|
function setup() {
|
|
|
|
|
var frame = document.getElementsByTagName("iframe")[0];
|
|
|
|
|
var testDoc = frame.contentDocument;
|
|
|
|
|
var docText = "";
|
|
|
|
|
docText += "<body><style>.foo {color:red}</style>";
|
|
|
|
|
docText += "<div class='bar'>Foo</div>";
|
|
|
|
|
for (var i = 0; i < 10000; ++i)
|
|
|
|
|
docText += "<div class='foo'>Foo</div>";
|
|
|
|
|
testDoc.body.innerHTML = docText;
|
|
|
|
|
return testDoc;
|
|
|
|
|
}
|
2012-09-26 14:52:19 +00:00
|
|
|
|
2012-09-28 00:26:14 +00:00
|
|
|
PerfTestRunner.measureTime({run:function() {
|
2012-09-27 23:39:09 +00:00
|
|
|
var testDoc = setup();
|
|
|
|
|
var start = PerfTestRunner.now();
|
|
|
|
|
for (var i = 0; i < 50; i++) {
|
|
|
|
|
var styleElem = testDoc.createElement("style");
|
|
|
|
|
styleElem.innerText = ".bar {color:green}";
|
|
|
|
|
testDoc.body.insertBefore(styleElem, testDoc.body.firstChild);
|
|
|
|
|
}
|
|
|
|
|
return PerfTestRunner.now() - start;
|
2012-09-28 00:26:14 +00:00
|
|
|
}});
|
2012-09-26 14:52:19 +00:00
|
|
|
</script>
|
|
|
|
|
</html>
|
