| 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 |