OLD | NEW |
1 <!-- Based on fast/repaint/table-section-repaint.html --> | 1 <!-- Based on fast/repaint/table-section-repaint.html --> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title> | 4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=12079</title> |
5 <style type="text/css"> | 5 <style type="text/css"> |
6 div.playground { position: relative; width: 90px; height: 90px; } | 6 div.playground { position: relative; width: 90px; height: 90px; } |
7 .red { background-color: yellow; } | 7 .red { background-color: yellow; } |
8 .blue { background-color: blue; } | 8 .blue { background-color: blue; } |
9 .green { background-color: green; } | 9 .green { background-color: green; } |
10 .zero { height: 0; width: 60px; } | 10 .zero { height: 0; width: 60px; } |
11 .half { height: 30px; width: 60px; } | 11 .half { height: 30px; width: 60px; } |
12 .full { height: 60px; width: 60px; } | 12 .full { height: 60px; width: 60px; } |
13 </style> | 13 </style> |
14 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | 14 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> |
15 <script type="text/javascript"> | 15 <script type="text/javascript"> |
16 window.expectedPaintInvalidationObjects = [ | |
17 "LayoutBlockFlow CAPTION id='caption1' class='blue half'", | |
18 "LayoutTableSection TBODY", | |
19 "LayoutTableRow TR", | |
20 "LayoutTableCell TD class='red half'", | |
21 "LayoutTableRow TR", | |
22 "LayoutTableCell TD class='green half'", | |
23 "LayoutTableCell TD", | |
24 "LayoutBlockFlow DIV id='top' class='blue half'", | |
25 "LayoutTableSection TBODY", | |
26 "LayoutTableRow TR", | |
27 "LayoutTableCell TD class='red half'", | |
28 "LayoutTableRow TR", | |
29 "LayoutTableCell TD class='green half'", | |
30 "LayoutBlockFlow CAPTION id='caption2' class='zero'", | |
31 "LayoutTableSection TBODY", | |
32 "LayoutTableRow TR", | |
33 "LayoutTableCell TD class='green half'", | |
34 "LayoutTableRow TR", | |
35 "LayoutTableCell TD class='red half'", | |
36 "LayoutTable TABLE", | |
37 "LayoutBlockFlow DIV id='innerDiv'", | |
38 "LayoutTableSection TBODY", | |
39 "LayoutTableRow TR", | |
40 "LayoutTableCell TD class='half'", | |
41 "LayoutTableRow TR", | |
42 "LayoutTableCell TD class='half'", | |
43 ]; | |
44 function paintInvalidationTest() | 16 function paintInvalidationTest() |
45 { | 17 { |
46 var caption1 = document.getElementById("caption1"); | 18 var caption1 = document.getElementById("caption1"); |
47 caption1.style.height = "0"; | 19 caption1.style.height = "0"; |
48 | 20 |
49 var caption2 = document.getElementById("caption2"); | 21 var caption2 = document.getElementById("caption2"); |
50 caption2.style.height = "30px"; | 22 caption2.style.height = "30px"; |
51 | 23 |
52 var top = document.getElementById("top"); | 24 var top = document.getElementById("top"); |
53 top.style.height = "0"; | 25 top.style.height = "0"; |
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
110 <div id="innerDiv"></div> | 82 <div id="innerDiv"></div> |
111 </caption> | 83 </caption> |
112 <tbody> | 84 <tbody> |
113 <tr><td class="half"></td></tr> | 85 <tr><td class="half"></td></tr> |
114 <tr><td class="half" style="border-top: solid yellow 8px;"></td>
</tr> | 86 <tr><td class="half" style="border-top: solid yellow 8px;"></td>
</tr> |
115 </tbody> | 87 </tbody> |
116 </table> | 88 </table> |
117 </div> | 89 </div> |
118 </body> | 90 </body> |
119 </html> | 91 </html> |
OLD | NEW |