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