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 |