| OLD | NEW | 
|---|
| 1 <!-- Based on fast/box-shadow/negative-shadow-box-expand.html --> | 1 <!-- Based on fast/box-shadow/negative-shadow-box-expand.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 <script> | 4 <script> | 
| 5     window.expectedPaintInvalidationObjects = [ |  | 
| 6         "LayoutBlockFlow DIV id='outer'", |  | 
| 7         "LayoutBlockFlow DIV id='inner2'", |  | 
| 8     ]; |  | 
| 9     function paintInvalidationTest() | 5     function paintInvalidationTest() | 
| 10     { | 6     { | 
| 11         document.getElementById('inner2').style.display = 'block'; | 7         document.getElementById('inner2').style.display = 'block'; | 
| 12     } | 8     } | 
| 13 </script> | 9 </script> | 
| 14 <body style="margin: 100px" onload="runPaintInvalidationTest()"> | 10 <body style="margin: 100px" onload="runPaintInvalidationTest()"> | 
| 15     <div id="outer" style="box-shadow: 40px -40px #F00;"> | 11     <div id="outer" style="box-shadow: 40px -40px #F00;"> | 
| 16         <div id="inner1" style="height: 100px; background-color: blue"></div> | 12         <div id="inner1" style="height: 100px; background-color: blue"></div> | 
| 17         <div id="inner2" style="display: none; height: 100px; background-color: 
    green"></div> | 13         <div id="inner2" style="display: none; height: 100px; background-color: 
    green"></div> | 
| 18     </div> | 14     </div> | 
| 19 </body> | 15 </body> | 
| OLD | NEW | 
|---|