<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../../resources/js-test.js"></script>
<script type="text/javascript">
window.jsTestIsAsync = true;
var initialPosition = 1;
var halfAnimationPeriod = 63;
var fullAnimationPeriod = 123;
function scrollOffsetInitial()
{
var section1 = document.getElementById('marquee');
if (section1.scrollLeft == -initialPosition) {
debug("PASS on initial position");
} else {
debug("FAIL");
debug("ScrollLeft = " + section1.scrollLeft);
debug("ScrollWidth = " + section1.scrollWidth);
finishJSTest();
}
}
function scrollOffsetCompleteCycle()
{
var section1 = document.getElementById('marquee');
if (section1.scrollLeft == -initialPosition) {
debug("PASS on after full cycle completion");
} else {
debug("FAIL");
debug("ScrollLeft = " + section1.scrollLeft);
debug("ScrollWidth = " + section1.scrollWidth);
}
finishJSTest();
}
function scrollOffsetMidCycle()
{
var section1 = document.getElementById('marquee');
if (section1.scrollLeft == 0 ) {
debug("PASS on after half cycle completion");
} else {
debug("FAIL");
debug("ScrollLeft = " + section1.scrollLeft);
debug("ScrollWidth = " + section1.scrollWidth);
finishJSTest();
}
}
function dump() {
var t=setTimeout("scrollOffsetInitial()",0);
var t=setTimeout("scrollOffsetMidCycle()",halfAnimationPeriod);
var t=setTimeout("scrollOffsetCompleteCycle()",fullAnimationPeriod);
}
successfullyParsed = true;
</script>
</head>
<body onload = dump() >
<marquee id="marquee" width=30 behavior="alternate" scrollamount=1 scrolldelay=1><img src="resources/images/lime.png" width="29" height="29" alt="lime"></marquee>
<pre id="console"></pre>
</body>
</body>
</html>