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