third_party/WebKit/LayoutTests/fast/multicol/vertical-lr/caret-range-anonymous-block-rtl.html

   1 <!DOCTYPE html>
   2 <style>
   3     body {
   4         margin:0;
   5     }
   6
   7     #mc {
   8         -webkit-columns: 3;
   9         -webkit-column-gap: 20px;
  10         direction: rtl;
  11         unicode-bidi: bidi-override;
  12         -webkit-writing-mode: vertical-lr;
  13         height: 280px;
  14         margin:20px 100px;
  15         font: 20px/1 Ahem;
  16         background:lime;
  17     }
  18
  19     #log {
  20         position: absolute;
  21         top: 320px;
  22     }
  23 </style>
  24 <div id="log">
  25     <p id="description"></p>
  26     <div id="console"></div>
  27 </div>
  28 <div id="mc">
  29     <div>
  30         <!-- Here's an empty block to trigger wrapping of the sibling text inside an anonymous block. -->
  31     </div>xxx xxx xxx xxx xxx xxx xxx xxx xxx</div>
  32 <script src="../../../resources/js-test.js"></script>
  33 <script>
  34     description("Test that hitting an anonymous block child of a multicol container takes us to the right text content.");
  35
  36     debug("First column:");
  37     shouldBe("document.caretRangeFromPoint(119,250).startOffset", "3");
  38     shouldBe("document.caretRangeFromPoint(120,250).startOffset", "7");
  39     shouldBe("document.caretRangeFromPoint(140,250).startOffset", "11");
  40
  41     debug("Second column:");
  42     shouldBe("document.caretRangeFromPoint(119,150).startOffset", "15");
  43     shouldBe("document.caretRangeFromPoint(120,150).startOffset", "19");
  44     shouldBe("document.caretRangeFromPoint(140,150).startOffset", "23");
  45
  46     debug("Third column:");
  47     shouldBe("document.caretRangeFromPoint(119,50).startOffset", "27");
  48     shouldBe("document.caretRangeFromPoint(120,50).startOffset", "31");
  49     shouldBe("document.caretRangeFromPoint(140,50).startOffset", "35");
  50 </script>