third_party/WebKit/LayoutTests/fast/css/text-overflow-ellipsis-bidi.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <style type="text/css">
   6 .testBlock {
   7   display:block;
   8   overflow: hidden;
   9   white-space: nowrap;
  10   width: 207px;
  11 }
  12
  13 .ellipsis {
  14   text-overflow: ellipsis;
  15 }
  16 </style>
  17 </head>
  18 <body>
  19 Each consecutive pair of lines should look exactly the same apart from the trailing ellipsis.<br>
  20 The ellipsis should appear on the left for the RTL case and on the right for LTR case.
  21
  22 <br><br>
  23
  24 RTL text:
  25 <div class="testBlock"dir=rtl>
  26 &#x202B;
  27 English Text טקסט עברי לדוגמא טקסט עברי לדוגמא
  28 &#x202c;
  29 </div>
  30 <div class="testBlock ellipsis"dir=rtl>
  31 &#x202B;
  32 English Text טקסט עברי לדוגמא טקסט עברי לדוגמא
  33 &#x202c;
  34 </div>
  35 <br>
  36 LTR Text
  37 <div class="testBlock"dir=ltr>
  38 מילה word אחרת another ועוד yet אחת
  39 </div>
  40
  41 <div class="testBlock ellipsis"dir=ltr>
  42 מילה word אחרת another ועוד yet אחת
  43 </div>
  44
  45
  46 </body>
  47 </html>