gecko-dev/layout/generic/test/test_bug791616.html

66 lines
2.1 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Test bug 791616</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<style>
#t {
overflow: auto;
position: absolute;
left: 200px;
top: 100px;
font: 14px/1.1em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
}
</style>
</head>
<body>
<p id="display"></p>
<div id="t" contenteditable>
<div>66666666666666</div>
<div id="target">777777777777777777777777777777777777777</div>
</div>
</div>
<pre id="test">
<script class="testbody">
var t = document.getElementById("t");
var target = document.getElementById("target");
var sel = window.getSelection();
var smoothScrollPref = "general.smoothScroll";
SimpleTest.waitForExplicitFinish();
SpecialPowers.setBoolPref(smoothScrollPref, false);
t.scrollTop = 0;
var targetY = target.getBoundingClientRect().top;
SimpleTest.waitForFocus(function() {
is(target.getBoundingClientRect().top, targetY, "Target should not have scrolled due to waitForFocus");
t.focus();
is(target.getBoundingClientRect().top, targetY, "Target should not have scrolled due to focus change");
// Move the caret to scroll it into view
sel.collapse(target.firstChild, 2);
synthesizeKey("VK_LEFT", {});
// Delay until next repaint in case stuff is asynchronous. Also
// take a trip through the event loop.
setTimeout(function() {
window.mozRequestAnimationFrame(function() {
is(sel.anchorNode, target.firstChild, "Should have selected 'target' text node");
is(sel.anchorOffset, 1, "Selection should have moved left one character");
// We should not have needed to scroll the caret into view
is(target.getBoundingClientRect().top, targetY, "Target should not have scrolled");
SpecialPowers.clearUserPref(smoothScrollPref);
SimpleTest.finish();
});
// Make sure repainting actually happens.
target.style.background = "yellow";
});
});
</script>
</pre>
</body>
</html>