OLD | NEW |
| 1 <!-- Based on fast/repaint/table-two-pass-layout-overpaint.html --> |
1 <html> | 2 <html> |
2 <head> | 3 <head> |
3 <style> | 4 <style> |
4 table { background-color: lightblue; height: 100px; } | 5 table { background-color: lightblue; height: 100px; } |
5 td { width: 100px; height: 50px; } | 6 td { width: 100px; height: 50px; } |
6 div#target { height: 25px; background-color: lightgreen; } | 7 div#target { height: 25px; background-color: lightgreen; } |
7 </style> | 8 </style> |
8 <script src="resources/text-based-repaint.js"></script> | 9 <script src="resources/paint-invalidation-test.js"></script> |
9 <script> | 10 <script> |
10 function repaintTest() | 11 window.expectedPaintInvalidationObjects = [ |
| 12 "LayoutBlockFlow DIV id='target'", |
| 13 ]; |
| 14 function paintInvalidationTest() |
11 { | 15 { |
12 document.getElementById("target").style.width = "50px"; | 16 document.getElementById("target").style.width = "50px"; |
13 } | 17 } |
14 </script> | 18 </script> |
15 </head> | 19 </head> |
16 <body onload="runRepaintTest()"> | 20 <body onload="runPaintInvalidationTest()"> |
17 <table> | 21 <table> |
18 <tr> | 22 <tr> |
19 <td> | 23 <td> |
20 <div id="target"></div> | 24 <div id="target"></div> |
21 </td> | 25 </td> |
22 </tr> | 26 </tr> |
23 </table> | 27 </table> |
24 </body> | 28 </body> |
25 </html> | 29 </html> |
OLD | NEW |