third_party/WebKit/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="../../resources/js-test.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>