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