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 |