63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<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>
|