dom/base/test/test_bug864595.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=864595
   5 -->
   6 <head>
   7   <title>Test for Bug 864595</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  10 </head>
  11 <body>
  12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=864595">Mozilla Bug 864595</a>
  13 <div id='editable' style='display:inline-block;'>abcd  </div>
  14 <script type="application/javascript">
  15 /** Test for Bug 864595 **/
  16 var range = document.createRange();
  17 var elt = document.getElementById('editable');
  18 var eltRect = elt.getBoundingClientRect();
  19
  20 var txtNode = elt.childNodes[0];
  21 range.setStart(txtNode, 0);
  22 range.setEnd(txtNode, 5);
  23 var rect = range.getBoundingClientRect();
  24 ok(rect.left >= eltRect.left && rect.right <= eltRect.right, "rect.left >= eltRect.left && rect.right <= eltRect.right");
  25
  26 /* Put caret in the space */
  27 var caretPosX = rect.right + 10;
  28 var caretPosY = (rect.top + rect.bottom ) / 2;
  29 var caretRect = document.caretPositionFromPoint(caretPosX, caretPosY).getClientRect();
  30 ok(caretRect.right >= rect.right, "caretRect.right >= rect.right");
  31
  32 </script>
  33 </body>
  34 </html>