OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 document.getElementById('table').style.height = '80%'; | 5 document.getElementById('table').style.height = '80%'; |
6 } | 6 } |
7 onload = runRepaintTest; | 7 onload = runRepaintAndPixelTest; |
8 </script> | 8 </script> |
9 <style> | 9 <style> |
10 body { | 10 body { |
11 margin: 0; | 11 margin: 0; |
12 } | 12 } |
13 table { | 13 table { |
14 position: absolute; | 14 position: absolute; |
15 height: 100px; | 15 height: 100px; |
16 } | 16 } |
17 td { | 17 td { |
18 vertical-align: middle; | 18 vertical-align: middle; |
19 width: 100px; | 19 width: 100px; |
20 } | 20 } |
21 </style> | 21 </style> |
22 <div style="height: 50px"> | 22 <div style="height: 50px"> |
23 Tests repaint of middle-vertical-aligned table cells when table changes size. | 23 Tests repaint of middle-vertical-aligned table cells when table changes size. |
24 The result repaint rects should cover the middle-vertical-aligned table cells. | 24 The result repaint rects should cover the middle-vertical-aligned table cells. |
25 </div> | 25 </div> |
26 <table id="table"> | 26 <table id="table"> |
27 <tr> | 27 <tr> |
28 <td>MIDDLE</td> | 28 <td>MIDDLE</td> |
29 </tr> | 29 </tr> |
30 </table> | 30 </table> |
OLD | NEW |