| OLD | NEW |
| 1 <!-- Based on fast/repaint/repaint-table-row-in-composited-document.html --> |
| 1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
| 2 <html> | 3 <html> |
| 3 <head> | 4 <head> |
| 4 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></scri
pt> |
| 5 <style> | 6 <style> |
| 6 td { | 7 td { |
| 7 width: 200px; | 8 width: 200px; |
| 8 height: 100px; | 9 height: 100px; |
| 9 } | 10 } |
| 10 body { | 11 body { |
| 11 margin: 50px; | 12 margin: 50px; |
| 12 } | 13 } |
| 13 </style> | 14 </style> |
| 14 <script type="text/javascript"> | 15 <script type="text/javascript"> |
| 15 function repaintTest() | 16 window.expectedPaintInvalidationObjects = [ |
| 17 "LayoutTableCell TD id='target'", |
| 18 "LayoutTableRow TR", |
| 19 "LayoutTableCell TD", |
| 20 "LayoutTableCell TD", |
| 21 ]; |
| 22 function paintInvalidationTest() |
| 16 { | 23 { |
| 17 // The sizes on this test are deliberate to ensure that we don't trigger | 24 // The sizes on this test are deliberate to ensure that we don't trigger |
| 18 // any repaints within the tile the green td starts in, otherwise the | 25 // any repaints within the tile the green td starts in, otherwise the |
| 19 // compositor's repaint algorithm hides the issue visually. The issue will | 26 // compositor's repaint algorithm hides the issue visually. The issue will |
| 20 // still show up in the text results. | 27 // still show up in the text results. |
| 21 var target = document.getElementById('target'); | 28 var target = document.getElementById('target'); |
| 22 target.style.height = '250px'; | 29 target.style.height = '250px'; |
| 23 } | 30 } |
| 24 </script> | 31 </script> |
| 25 </head> | 32 </head> |
| 26 <body onload="runRepaintTest();"> | 33 <body onload="runPaintInvalidationTest();"> |
| 27 <table> | 34 <table> |
| 28 <tr> | 35 <tr> |
| 29 <td id="target"> | 36 <td id="target"> |
| 30 </td> | 37 </td> |
| 31 </tr> | 38 </tr> |
| 32 <tr> | 39 <tr> |
| 33 <td> | 40 <td> |
| 34 </td> | 41 </td> |
| 35 <td style="border: 1px solid black; background-color: green;"> | 42 <td style="border: 1px solid black; background-color: green;"> |
| 36 </td> | 43 </td> |
| 37 </tr> | 44 </tr> |
| 38 </table> | 45 </table> |
| 39 </body> | 46 </body> |
| OLD | NEW |