third_party/WebKit/LayoutTests/fast/table/border-collapsing/table-rtl-row-mixed-direction.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 table {
   6     border-collapse: collapse;
   7     border-left: 2px solid red;
   8     border-right: 2px solid red;
   9     border-bottom: 3px solid green;
  10     border-top: 3px solid green;
  11 }
  12
  13 .leftGreenBorder {
  14     border-left: 3px solid green;
  15 }
  16
  17 .rightGreenBorder {
  18     border-right: 3px solid green;
  19 }
  20
  21 td {
  22     height: 100px;
  23     width: 100px;
  24 }
  25 </style>
  26 <head>
  27 <body>
  28 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=101060">101060</a>: Fix the collapsing border code to handle mixed directionality at the row level</p>
  29 <p>This test checks that a table with dir="rtl" and mixed directionality on the row works as expected.</p>
  30 <p>The table below should have a 3px green outer border.</p>
  31 <table dir="rtl">
  32     <tbody class="rightGreenBorder">
  33         <tr dir="ltr">
  34             <td></td>
  35             <td class="leftGreenBorder"></td>
  36         </tr>
  37         <tr dir="rtl">
  38             <td></td>
  39             <td class="leftGreenBorder"></td>
  40         </tr>
  41         <tr dir="ltr" class="leftGreenBorder">
  42             <td></td>
  43             <td></td>
  44         </tr>
  45         <tr dir="rtl" class="leftGreenBorder">
  46             <td></td>
  47             <td></td>
  48         </tr>
  49     </tbody>
  50 </table>
  51 </body>
  52 </html>