third_party/WebKit/LayoutTests/editing/selection/caret-at-end-of-text-line-followed-by-block-in-vertical-mode.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #textDiv {
   6     height: 100px;
   7     width: 100px;
   8     border: 1px solid black;
   9     -webkit-writing-mode: vertical-rl;
  10 }
  11 </style>
  12 <script src="../../resources/js-test.js"></script>
  13 </head>
  14 <body>
  15 <div id="textDiv" contenteditable="true">Some text.<p></p></div>
  16 <div id="description"></div>
  17 <div id="console"></div>
  18 <script>
  19 description('Testcase for bug <a href="https://bugs.webkit.org/show_bug.cgi?id=104794">104794</a>:  Unable to place the caret at the end of the first line, when followed by a block, in the vertical writing mode.\nTo manually verify the issue, try clicking on the empty region of the first vertical line. The caret should be drawn at the end of the text.');
  20
  21 if (window.internals) {
  22     var testDiv = document.getElementById('textDiv');
  23     eventSender.mouseMoveTo(testDiv.offsetLeft + testDiv.offsetWidth - 5, testDiv.offsetTop);
  24     eventSender.mouseDown();
  25     eventSender.mouseUp();
  26     caretRectAtStart = internals.absoluteCaretBounds();
  27
  28     eventSender.mouseMoveTo(testDiv.offsetLeft + testDiv.offsetWidth - 5, testDiv.offsetTop + testDiv.offsetHeight - 5);
  29     eventSender.mouseDown();
  30     eventSender.mouseUp();
  31     caretRectAtEnd = internals.absoluteCaretBounds();
  32
  33     shouldBe("caretRectAtEnd.left", "caretRectAtStart.left");
  34     shouldBe("caretRectAtEnd.width", "caretRectAtStart.width");
  35     shouldBe("caretRectAtEnd.height", "caretRectAtStart.height");
  36 }
  37 </script>
  38 </body>
  39 </html>