OLD | NEW |
1 <!-- Based on fast/repaint/box-shadow-inset-repaint.html --> | 1 <!-- Based on fast/repaint/box-shadow-inset-repaint.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
6 div#container { | 6 div#container { |
7 padding: 15px; | 7 padding: 15px; |
8 box-shadow: inset cyan 0 -60px 0 0; | 8 box-shadow: inset cyan 0 -60px 0 0; |
9 } | 9 } |
10 </style> | 10 </style> |
11 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | 11 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> |
12 <script type="text/javascript"> | 12 <script type="text/javascript"> |
13 window.expectedPaintInvalidationObjects = [ | |
14 "LayoutBlockFlow DIV id='container'", | |
15 "LayoutBlockFlow DIV", | |
16 ]; | |
17 function paintInvalidationTest() | 13 function paintInvalidationTest() |
18 { | 14 { |
19 document.getElementById('container').innerHTML = "<div style='width:100p
x; height:100px; background-color:green'></div>"; | 15 document.getElementById('container').innerHTML = "<div style='width:100p
x; height:100px; background-color:green'></div>"; |
20 } | 16 } |
21 </script> | 17 </script> |
22 </head> | 18 </head> |
23 <body onload="runPaintInvalidationTest()"> | 19 <body onload="runPaintInvalidationTest()"> |
24 <div id="container" style="width:200px;"></div> | 20 <div id="container" style="width:200px;"></div> |
25 </body> | 21 </body> |
26 </html> | 22 </html> |
OLD | NEW |