test_bug864595.html (1177B)
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>