third_party/WebKit/LayoutTests/fast/table/border-collapsing/rtl-border-collapsing-vertical.html

   1 <p>
   2 This tests for a regression against
   3 <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6888">http://bugzilla.opendarwin.org/show_bug.cgi?id=6888</a>
   4 Collapsed borders appear on the wrong side or on the wrong cell in RTL tables</i>.
   5 </p>
   6 <p>
   7 The RTL table should be a mirror image of the LTR table.
   8 </p>
   9 <hr>
  10 <table cellpadding="4" cellspacing="0" style="text-align: center; -webkit-writing-mode: vertical-rl;">
  11 <tr>
  12 <td style="-webkit-border-end: 1px solid black;">RTL</td>
  13 <td>LTR</td>
  14 </tr>
  15 <tr>
  16 <td style="-webkit-border-end: 1px solid black;">
  17     <table style="direction:rtl; border-collapse: collapse; -webkit-border-start: 2px solid red; -webkit-border-end: 2px solid blue;">
  18         <col>
  19         <col>
  20         <col style="background: yellow; -webkit-border-end: 2px green dotted; -webkit-border-start: solid 1px;">
  21         <col style="background: silver;">
  22         <tr>
  23             <td>&nbsp;&nbsp;</td>
  24             <td>&nbsp;&nbsp;</td>
  25             <td colspan="2" style="">&nbsp;&nbsp;</td>
  26             <td>&nbsp;&nbsp;</td>
  27         </tr>
  28         <tr>
  29             <td style="-webkit-border-end: 4px solid maroon;">&nbsp;&nbsp;</td>
  30             <td>&nbsp;&nbsp;</td>
  31             <td>&nbsp;&nbsp;</td>
  32             <td>&nbsp;&nbsp;</td>
  33             <td>&nbsp;&nbsp;</td>
  34         </tr>
  35     </table>
  36 </td>
  37 <td>
  38     <table style="direction:ltr; border-collapse: collapse; -webkit-border-start: 2px solid red; -webkit-border-end: 2px solid blue;">
  39         <col>
  40         <col>
  41         <col style="background: yellow; -webkit-border-end: 2px green dotted; -webkit-border-start: solid 1px;">
  42         <col style="background: silver;">
  43         <tr>
  44             <td>&nbsp;&nbsp;</td>
  45             <td>&nbsp;&nbsp;</td>
  46             <td colspan="2" style="">&nbsp;&nbsp;</td>
  47             <td>&nbsp;&nbsp;</td>
  48         </tr>
  49         <tr>
  50             <td style="-webkit-border-end: 4px solid maroon;">&nbsp;&nbsp;</td>
  51             <td>&nbsp;&nbsp;</td>
  52             <td>&nbsp;&nbsp;</td>
  53             <td>&nbsp;&nbsp;</td>
  54             <td>&nbsp;&nbsp;</td>
  55         </tr>
  56     </table>
  57 </td>
  58 </tr>
  59 </table>