bfa69b64e111284a6275363e5d0abccd5178ed31
[WebKit-https.git] / LayoutTests / fast / table / col-width-span-expand.html
1 <!DOCTYPE html>
2 <html>
3         <head>
4         <title>WebKit Bug 14858: col width ignored when not tied to a single cell</title>
5         <link href="http://www.w3.org/TR/REC-CSS2/tables.html#q4" rel="help" />
6         <script src="../js/resources/js-test-pre.js"></script>
7         <script type="text/javascript" charset="utf-8">
8 if (window.testRunner)
9     testRunner.dumpAsText();
10
11 function runTest()
12 {
13     var testCell = document.getElementById('testCell');
14     var testTable = document.getElementById('testTable');
15     description("This tests <a href='http://webkit.org/b/14858'>Bug 14858: &lt;col&gt; width ignored when not tied to a single cell</a>.");
16     shouldBe("window.getComputedStyle(testCell).width", "'250px'");
17     shouldBe("window.getComputedStyle(testTable).width", "'500px'");
18     isSuccessfullyParsed();
19 }
20         </script>
21         <style type="text/css">
22 div#testDiv {
23     top: 10px;
24     position: relative
25 }
26 div#info {
27     position: relative
28 }
29 table {border-spacing: 0}
30 td {
31     padding: 0;
32 }
33         </style>
34         </head>
35         <body onload="runTest()">
36             <div id="info">
37                 Two rows of cells should look identical.<br>
38             </div>
39             <div id="testDiv">
40             <table id="testTable">
41                 <col width="50" />
42                 <col width="100" />
43                 <col width="150" />
44                 <col width="200" />
45                 <tbody>
46                     <tr>
47                         <td style="background-color:red">left</td>
48                         <td style="background-color:green" id="testCell" colspan="2">middle</td>
49                         <td style="background-color:blue">right</td>
50                     </tr>
51                 </tbody>
52             </table>
53             <table id="baseTable">
54                 <col width="50" />
55                 <col width="100" />
56                 <col width="150" />
57                 <col width="200" />
58                 <tbody>
59                     <tr>
60                         <td style="background-color:red">left</td>
61                         <td style="background-color:green">middle</td>
62                         <td style="background-color:green"></td>
63                         <td style="background-color:blue">right</td>
64                     </tr>
65                 </tbody>
66             </table>
67         </div>
68         <div id="description"></div>
69         <div id="console"></div>
70     </body>
71 </html>