| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../http/tests/inspector/inspector-test.js"></script> | 4 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 5 <script src="../../http/tests/inspector/timeline-test.js"></script> | 5 <script src="../../../http/tests/inspector/timeline-test.js"></script> |
| 6 <script> | 6 <script> |
| 7 function display(callback) | 7 function display(callback) |
| 8 { | 8 { |
| 9 requestAnimationFrame(function() { | 9 requestAnimationFrame(function() { |
| 10 document.body.style.backgroundColor = "blue"; | 10 document.body.style.backgroundColor = "blue"; |
| 11 document.getElementById("testElement").style.backgroundColor = "salmon"; | 11 document.getElementById("testElement").style.backgroundColor = "salmon"; |
| 12 if (window.testRunner) | 12 if (window.testRunner) |
| 13 testRunner.layoutAndPaintAsyncThen(callback); | 13 testRunner.layoutAndPaintAsyncThen(callback); |
| 14 }); | 14 }); |
| 15 } | 15 } |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 55 next(); | 55 next(); |
| 56 }); | 56 }); |
| 57 } | 57 } |
| 58 ]); | 58 ]); |
| 59 } | 59 } |
| 60 </script> | 60 </script> |
| 61 </head> | 61 </head> |
| 62 <body onload="runTest()"> | 62 <body onload="runTest()"> |
| 63 <p>Tests the Timeline API instrumentation of paint events with style recalc inva
lidations.</p> | 63 <p>Tests the Timeline API instrumentation of paint events with style recalc inva
lidations.</p> |
| 64 <div id="testElement">PASS</div> | 64 <div id="testElement">PASS</div> |
| 65 <iframe src="resources/timeline-iframe-paint.html" style="position: absolute; le
ft: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe> | 65 <iframe src="../resources/timeline-iframe-paint.html" style="position: absolute;
left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe> |
| 66 </body> | 66 </body> |
| 67 </html> | 67 </html> |
| OLD | NEW |