third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/caret-range-anonymous-block.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         -webkit-writing-mode: vertical-rl;
  11         height: 280px;
  12         margin:20px 100px;
  13         font: 20px/1 Ahem;
  14         background:lime;
  15     }
  16
  17     #log {
  18         position: absolute;
  19         top: 320px;
  20     }
  21 </style>
  22 <div id="log">
  23     <p id="description"></p>
  24     <div id="console"></div>
  25 </div>
  26 <div id="mc">
  27     <div>
  28         <!-- Here's an empty block to trigger wrapping of the sibling text inside an anonymous block. -->
  29     </div>xxx xxx xxx xxx xxx xxx xxx xxx xxx</div>
  30 <script src="../../../resources/js-test.js"></script>
  31 <script>
  32     description("Test that hitting an anonymous block child of a multicol container takes us to the right text content.");
  33
  34     debug("First column:");
  35     shouldBe("document.caretRangeFromPoint(159,90).startOffset", "3");
  36     shouldBe("document.caretRangeFromPoint(120,90).startOffset", "7");
  37     shouldBe("document.caretRangeFromPoint(100,90).startOffset", "11");
  38
  39     debug("Second column:");
  40     shouldBe("document.caretRangeFromPoint(159,190).startOffset", "15");
  41     shouldBe("document.caretRangeFromPoint(120,190).startOffset", "19");
  42     shouldBe("document.caretRangeFromPoint(100,190).startOffset", "23");
  43
  44     debug("Third column:");
  45     shouldBe("document.caretRangeFromPoint(159,290).startOffset", "27");
  46     shouldBe("document.caretRangeFromPoint(120,290).startOffset", "31");
  47     shouldBe("document.caretRangeFromPoint(100,290).startOffset", "35");
  48 </script>