3 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=
12079</title>
4 <style type=
"text/css">
5 div
.playground
{ position: relative
; width: 90px; height: 90px; }
6 .red { background-color: yellow
; }
7 .blue { background-color: blue
; }
8 .green { background-color: green
; }
9 .zero { height: 0; width: 60px; }
10 .half { height: 30px; width: 60px; }
11 .full { height: 60px; width: 60px; }
13 <script src=
"resources/text-based-repaint.js" type=
"text/javascript"></script>
14 <script type=
"text/javascript">
15 function repaintTest()
17 var caption1
= document
.getElementById("caption1");
18 caption1
.style
.height
= "0";
20 var caption2
= document
.getElementById("caption2");
21 caption2
.style
.height
= "30px";
23 var top
= document
.getElementById("top");
24 top
.style
.height
= "0";
26 var top
= document
.getElementById("innerDiv");
27 innerDiv
.style
.height
= "15px";
31 <body onload=
"runRepaintTest()">
32 <div class=
"playground">
33 <table cellpadding=
"0" cellspacing=
"0">
34 <caption id=
"caption1" class=
"blue half"></caption>
37 <td class=
"red half"></td>
40 <td class=
"green half"></td>
46 <div class=
"playground">
47 <table cellpadding=
"0" cellspacing=
"0">
50 <td><div id=
"top" class=
"blue half"></div></td>
55 <td class=
"red half"></td>
58 <td class=
"green half"></td>
64 <div class=
"playground">
65 <table cellpadding=
"0" cellspacing=
"0">
66 <caption id=
"caption2" class=
"zero"></caption>
69 <td class=
"green half"></td>
72 <td class=
"red half"></td>
78 <div class=
"playground" style=
"margin-top: 30px;">
79 <table cellpaddin=
"0" cellspacing=
"0" style=
"width: 60px; border-collapse: collapse; border: 8px solid green;">
80 <caption style=
"width: 10px; margin: auto;">
81 <div id=
"innerDiv"></div>
84 <tr><td class=
"half"></td></tr>
85 <tr><td class=
"half" style=
"border-top: solid yellow 8px;"></td></tr>