| 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 |