OLD | NEW |
| 1 <!-- Based on fast/repaint/absolute-margin-change-repaint.html --> |
1 <!DOCTYPE HTML> | 2 <!DOCTYPE HTML> |
2 <script src="resources/text-based-repaint.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
3 <style> | 4 <style> |
4 body { | 5 body { |
5 margin: 0; | 6 margin: 0; |
6 } | 7 } |
7 #container { | 8 #container { |
8 position: relative; | 9 position: relative; |
9 top: 40px; | 10 top: 40px; |
10 width: 200px; | 11 width: 200px; |
11 height: 400px; | 12 height: 400px; |
12 } | 13 } |
13 #test { | 14 #test { |
14 position: absolute; | 15 position: absolute; |
15 background-color: green; | 16 background-color: green; |
16 width: 100px; | 17 width: 100px; |
17 height: 100px; | 18 height: 100px; |
18 } | 19 } |
19 </style> | 20 </style> |
20 <script> | 21 <script> |
21 function repaintTest() | 22 window.expectedPaintInvalidationObjects = [ |
| 23 "LayoutBlockFlow (positioned) DIV id='test'", |
| 24 ]; |
| 25 function paintInvalidationTest() |
22 { | 26 { |
23 document.getElementById("test").style['margin-top'] = '20px'; | 27 document.getElementById("test").style['margin-top'] = '20px'; |
24 } | 28 } |
25 window.onload = runRepaintTest; | 29 window.onload = runPaintInvalidationTest; |
26 </script> | 30 </script> |
27 <div id="container"> | 31 <div id="container"> |
28 <div id="test"></div> | 32 <div id="test"></div> |
29 </div> | 33 </div> |
30 Tests the repainting of absolute element when margin-top changes. | 34 Tests the repainting of absolute element when margin-top changes. |
OLD | NEW |