blob: a201f5ccd4cbe9ee51c98552bc3a30806f66217f [file] [log] [blame]
<html>
<head>
<script>
function log(message)
{
var element = document.createElement("p");
element.appendChild(document.createTextNode(message));
document.getElementById("results").appendChild(element);
}
function runTest()
{
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
if (document.scrollingElement.scrollTop == 0)
log("PASS: Document is starting scrolled to top.");
else
log("FAIL: Document is starting scrolled to " + document.scrollingElement.scrollTop + ".");
document.getElementById("area").focus();
setTimeout(() => {
if (document.scrollingElement.scrollTop > 4000 && document.scrollingElement.scrollTop < 6000)
log("PASS: Focusing area element caused the image to scroll into view.");
else
log("FAIL: Document is scrolled to " + document.scrollingElement.scrollTop + " after focusing area element.");
document.scrollingElement.scrollTop = 0;
if (document.scrollingElement.scrollTop == 0)
log("PASS: Document is scrolled to top once again.");
else
log("FAIL: Document should be scrolled to top but is scrolled to " + document.scrollingElement.scrollTop + ".");
document.getElementById("area").blur();
if (document.scrollingElement.scrollTop == 0)
log("PASS: Document is still scrolled to top after removing focus from area element.");
else
log("FAIL: Document is scrolled to " + document.scrollingElement.scrollTop + " after removing focus from area element.");
document.scrollingElement.scrollTop = 0;
document.body.removeChild(document.getElementById("test"));
log("TEST COMPLETE");
if (window.testRunner)
testRunner.notifyDone();
}, 0);
}
</script>
</head>
<body onload="runTest()">
<div id="results">
<p>This tests to be sure that focusing an area element triggers scrolling and removing focus from it does not.</p>
</div>
<div id="test">
<div style="height:5000px"></div>
<map name="imagemap">
<area id="area" shape="rect" coords="0,0,128,128" href="#dummy">
</map>
<img src="resources/mu.png" width="128" height="128" usemap="#imagemap" ismap>
<div style="height:5000px"></div>
<div>
</body>
</head>
</html>