| <html> |
| <head> |
| <script> |
| function test() |
| { |
| if (!window.testRunner) |
| return; |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| // 1st test: iframes scrolled to top, top level document scrolled to bottom |
| // pageup in innermost iframe should scroll top level document up |
| window[0][0].scrollTo(0,0); |
| window[0].scrollTo(0,0); |
| window.scrollTo(0, document.body.offsetHeight); |
| var oldScrollTop = document.scrollingElement.scrollTop; |
| var focus1 = window[0][0].document.getElementById("focus1"); |
| focus1.focus(); |
| eventSender.keyDown("PageUp"); |
| var test1Passed = false; |
| if (document.scrollingElement.scrollTop < oldScrollTop) |
| test1Passed = true; |
| |
| // 2nd test: iframes scrolled to bottom, top level document scrolled to top |
| // pagedown in innermost iframe should scroll top level document down |
| window[0][0].scrollTo(0,window[0][0].document.body.offsetHeight); |
| window[0].scrollTo(0,window[0].document.body.offsetHeight); |
| window.scrollTo(0, 0); |
| oldScrollTop = document.scrollingElement.scrollTop |
| var focus2 = window[0][0].document.getElementById("focus2"); |
| focus2.focus(); |
| eventSender.keyDown("PageDown"); |
| var test2Passed = false; |
| if (document.scrollingElement.scrollTop > oldScrollTop) |
| test2Passed = true; |
| |
| printResults(test1Passed, test2Passed); |
| } |
| |
| function printResults(test1Passed, test2Passed) |
| { |
| var console = document.createElement("div"); |
| if (test1Passed) |
| console.innerHTML = "PASSED test 1"; |
| else |
| console.innerHTML = "FAILED test 1"; |
| console.innerHTML += "<br>"; |
| if (test2Passed) |
| console.innerHTML += "PASSED test 2"; |
| else |
| console.innerHTML += "FAILED test 2"; |
| |
| document.body.appendChild(console); |
| |
| } |
| </script> |
| </head> |
| <body onload="window.resizeTo(500,587); test();"> |
| <div id="testDiv"> |
| top |
| <br> |
| <div style="height:200px"></div> |
| <iframe id="frame" width="450px" height="235px" src="./resources/iframe-scroll-page-up-down-1.html"></iframe> |
| <div style="height:200px"></div> |
| bottom |
| </div> |
| </body> |
| </html> |