OLD | NEW |
1 <!-- Based on fast/repaint/fixed-and-absolute-position-scrolled.html --> | 1 <!-- Based on fast/repaint/fixed-and-absolute-position-scrolled.html --> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"> | 4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"> |
5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | 5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> |
6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
7 if (window.testRunner) | |
8 testRunner.dumpAsTextWithPixelResults(); | |
9 | |
10 window.onload = function() { | 7 window.onload = function() { |
11 window.scrollTo(0, 500); | 8 window.scrollTo(0, 500); |
12 runPaintInvalidationTest(); | 9 runPaintInvalidationTest(); |
13 } | 10 } |
14 | 11 |
15 window.expectedPaintInvalidationObjects = [ | |
16 "LayoutView #document", | |
17 "LayoutBlockFlow HTML", | |
18 "LayoutBlockFlow DIV id='container' class='relative'", | |
19 "LayoutBlockFlow (positioned) DIV id='absoluteDiv' class='absolute g
reen'", | |
20 ]; | |
21 function paintInvalidationTest() | 12 function paintInvalidationTest() |
22 { | 13 { |
23 document.getElementById('container').style.position = 'static'; | 14 document.getElementById('container').style.position = 'static'; |
24 } | 15 } |
25 </script> | 16 </script> |
26 </head> | 17 </head> |
27 <body style="height:2000px;"> | 18 <body style="height:2000px;"> |
28 <!-- You should see 1 green rectangle in the output and no red. --> | 19 <!-- You should see 1 green rectangle in the output and no red. --> |
29 <div style="top: 200px; left: 100px;" class="fixed red"></div> | 20 <div style="top: 200px; left: 100px;" class="fixed red"></div> |
30 <div id="container" style="top: 5000px;" class="relative"><div id="absoluteD
iv" style="top: 700px; left:100px;" class="absolute green"></div></div> | 21 <div id="container" style="top: 5000px;" class="relative"><div id="absoluteD
iv" style="top: 700px; left:100px;" class="absolute green"></div></div> |
31 </body> | 22 </body> |
32 </html> | 23 </html> |
OLD | NEW |