| <!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> |
