third_party/WebKit/LayoutTests/fast/dom/HTMLTableColElement/resize-table-using-col-width.html

   1 <html>
   2 <head>
   3
   4     <script type="text/javascript">
   5
   6     function changeColWidthUsingWidth()
   7     {
   8         var column = document.getElementById("col");
   9         column.width = "500px";
  10     }
  11
  12     </script>
  13 </head>
  14 <body>
  15
  16    <table border="1">
  17         <colgroup span="3">
  18             <col id="col" />
  19             <col />
  20             <col />
  21         </colgroup>
  22         <tbody>
  23         <tr>
  24             <td id="cell">col 1 row 1</td>
  25             <td>col 2 row 1</td>
  26             <td>col 3 row 1</td>
  27         </tr>
  28         <tr>
  29             <td>col 1 row 2</td>
  30             <td>col 2 row 2</td>
  31             <td>col 3 row 3</td>
  32         </tr>
  33         </tbody>
  34     </table>
  35     <button onclick="changeColWidthUsingWidth();">Click me to test manually. The first column should grow to 500px.</button>
  36
  37     <script>
  38         if (window.eventSender) {
  39             eventSender.mouseMoveTo(50, 75);
  40             eventSender.mouseDown();
  41             eventSender.mouseUp();
  42         }
  43     </script>
  44
  45 </body>
  46 </html>