OLD | NEW |
1 <!-- Based on fast/repaint/inline-outline-repaint-2.html --> | 1 <!-- Based on fast/repaint/inline-outline-repaint-2.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <script src="resources/paint-invalidation-test.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 margin: 0; | 6 margin: 0; |
7 padding: 0; | 7 padding: 0; |
8 } | 8 } |
9 #container { | 9 #container { |
10 position: absolute; | 10 position: absolute; |
11 width: 255px; | 11 width: 255px; |
12 text-align: right; | 12 text-align: right; |
13 } | 13 } |
14 #container > span { | 14 #container > span { |
15 outline: 5px solid blue; | 15 outline: 5px solid blue; |
16 } | 16 } |
17 </style> | 17 </style> |
18 <div id=container> | 18 <div id=container> |
19 <span>Test</span> | 19 <span>Test</span> |
20 </div> | 20 </div> |
21 <script> | 21 <script> |
22 window.expectedPaintInvalidationObjects = [ | |
23 "LayoutInline SPAN", | |
24 "InlineFlowBox", | |
25 "LayoutText #text", | |
26 "InlineTextBox 'Test'", | |
27 ]; | |
28 function paintInvalidationTest() { | 22 function paintInvalidationTest() { |
29 document.getElementById('container').style.color = 'green'; | 23 document.getElementById('container').style.color = 'green'; |
30 } | 24 } |
31 onload = runPaintInvalidationTest; | 25 onload = runPaintInvalidationTest; |
32 </script> | 26 </script> |
OLD | NEW |