OLD | NEW |
| (Empty) |
1 <!-- Based on fast/repaint/table-section-repaint.html --> | |
2 <html> | |
3 <head> | |
4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title> | |
5 <style type="text/css"> | |
6 div.playground { position: relative; width: 90px; height: 90px; } | |
7 .red { background-color: yellow; } | |
8 .blue { background-color: blue; } | |
9 .green { background-color: green; } | |
10 .zero { height: 0; width: 60px; } | |
11 .half { height: 30px; width: 60px; } | |
12 .full { height: 60px; width: 60px; } | |
13 </style> | |
14 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | |
15 <script type="text/javascript"> | |
16 function paintInvalidationTest() | |
17 { | |
18 var caption1 = document.getElementById("caption1"); | |
19 caption1.style.height = "0"; | |
20 | |
21 var caption2 = document.getElementById("caption2"); | |
22 caption2.style.height = "30px"; | |
23 | |
24 var top = document.getElementById("top"); | |
25 top.style.height = "0"; | |
26 | |
27 var top = document.getElementById("innerDiv"); | |
28 innerDiv.style.height = "15px"; | |
29 } | |
30 </script> | |
31 </head> | |
32 <body onload="runPaintInvalidationTest()"> | |
33 <div class="playground"> | |
34 <table cellpadding="0" cellspacing="0"> | |
35 <caption id="caption1" class="blue half"></caption> | |
36 <tbody> | |
37 <tr> | |
38 <td class="red half"></td> | |
39 </tr> | |
40 <tr> | |
41 <td class="green half"></td> | |
42 </tr> | |
43 </tbody> | |
44 </table> | |
45 </div> | |
46 | |
47 <div class="playground"> | |
48 <table cellpadding="0" cellspacing="0"> | |
49 <tbody> | |
50 <tr> | |
51 <td><div id="top" class="blue half"></div></td> | |
52 </tr> | |
53 </tbody> | |
54 <tbody> | |
55 <tr> | |
56 <td class="red half"></td> | |
57 </tr> | |
58 <tr> | |
59 <td class="green half"></td> | |
60 </tr> | |
61 </tbody> | |
62 </table> | |
63 </div> | |
64 | |
65 <div class="playground"> | |
66 <table cellpadding="0" cellspacing="0"> | |
67 <caption id="caption2" class="zero"></caption> | |
68 <tbody> | |
69 <tr> | |
70 <td class="green half"></td> | |
71 </tr> | |
72 <tr> | |
73 <td class="red half"></td> | |
74 </tr> | |
75 </tbody> | |
76 </table> | |
77 </div> | |
78 | |
79 <div class="playground" style="margin-top: 30px;"> | |
80 <table cellpaddin="0" cellspacing="0" style="width: 60px; border-collaps
e: collapse; border: 8px solid green;"> | |
81 <caption style="width: 10px; margin: auto;"> | |
82 <div id="innerDiv"></div> | |
83 </caption> | |
84 <tbody> | |
85 <tr><td class="half"></td></tr> | |
86 <tr><td class="half" style="border-top: solid yellow 8px;"></td>
</tr> | |
87 </tbody> | |
88 </table> | |
89 </div> | |
90 </body> | |
91 </html> | |
OLD | NEW |