| OLD | NEW |
| 1 <!-- Based on fast/repaint/background-currentColor-repaint.html --> | 1 <!-- Based on fast/repaint/background-currentColor-repaint.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 | 4 |
| 5 <style> | 5 <style> |
| 6 div { | 6 div { |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 background: currentColor; | 9 background: currentColor; |
| 10 } | 10 } |
| 11 | 11 |
| 12 #div1 { | 12 #div1 { |
| 13 color: blue; | 13 color: blue; |
| 14 } | 14 } |
| 15 | 15 |
| 16 #div2 { | 16 #div2 { |
| 17 color: transparent; | 17 color: transparent; |
| 18 } | 18 } |
| 19 | 19 |
| 20 </style> | 20 </style> |
| 21 | 21 |
| 22 <div id="div1"></div> | 22 <div id="div1"></div> |
| 23 <div id="div2"></div> | 23 <div id="div2"></div> |
| 24 | 24 |
| 25 <script> | 25 <script> |
| 26 window.expectedPaintInvalidationObjects = [ | |
| 27 "LayoutBlockFlow DIV id='div1'", | |
| 28 "LayoutBlockFlow DIV id='div2'", | |
| 29 ]; | |
| 30 function paintInvalidationTest() | 26 function paintInvalidationTest() |
| 31 { | 27 { |
| 32 div1.style.color = 'transparent'; | 28 div1.style.color = 'transparent'; |
| 33 div2.style.color = 'blue'; | 29 div2.style.color = 'blue'; |
| 34 } | 30 } |
| 35 | 31 |
| 36 window.onload = runPaintInvalidationTest; | 32 window.onload = runPaintInvalidationTest; |
| 37 | 33 |
| 38 </script> | 34 </script> |
| OLD | NEW |