WebCore:
[WebKit-https.git] / LayoutTests / fast / frames / iframe-scroll-page-up-down.html
1 <html>\r
2 <head>\r
3 <script>\r
4 function test() \r
5 {\r
6     if (!window.layoutTestController)\r
7         return;\r
8 \r
9     if (window.layoutTestController)\r
10         layoutTestController.dumpAsText();\r
11 \r
12     // 1st test: iframes scrolled to top, top level document scrolled to bottom\r
13     // pageup in innermost iframe should scroll top level document up\r
14     window[0][0].scrollTo(0,0);\r
15     window[0].scrollTo(0,0);\r
16     window.scrollTo(0, document.body.offsetHeight);\r
17     var oldScrollTop = document.body.scrollTop;\r
18     var focus1 = window[0][0].document.getElementById("focus1");\r
19     focus1.focus();    \r
20     eventSender.keyDown("pageUp");\r
21     var test1Passed = false;\r
22     if (document.body.scrollTop < oldScrollTop)\r
23         test1Passed = true;\r
24 \r
25     // 2nd test: iframes scrolled to bottom, top level document scrolled to top\r
26     // pagedown in innermost iframe should scroll top level document down\r
27     window[0][0].scrollTo(0,window[0][0].document.body.offsetHeight);\r
28     window[0].scrollTo(0,window[0].document.body.offsetHeight);\r
29     window.scrollTo(0, 0);\r
30     oldScrollTop = document.body.scrollTop\r
31     var focus2 = window[0][0].document.getElementById("focus2");\r
32     focus2.focus();\r
33     eventSender.keyDown("pageDown");\r
34     var test2Passed = false;\r
35     if (document.body.scrollTop > oldScrollTop)\r
36         test2Passed = true;\r
37 \r
38     printResults(test1Passed, test2Passed);\r
39 }\r
40 \r
41 function printResults(test1Passed, test2Passed) \r
42 {\r
43     var console = document.createElement("div");\r
44     if (test1Passed)\r
45         console.innerHTML = "PASSED test 1";\r
46     else\r
47         console.innerHTML = "FAILED test 1";\r
48     console.innerHTML += "<br>";\r
49     if (test2Passed)\r
50         console.innerHTML += "PASSED test 2";\r
51     else\r
52         console.innerHTML += "FAILED test 2";\r
53 \r
54     document.body.appendChild(console);\r
55         \r
56 }\r
57 </script>\r
58 </head>\r
59 <body onload="window.resizeTo(500,587); test();">\r
60 <div id="testDiv">\r
61 top\r
62 <br>\r
63 <div style="height:200px"></div>\r
64 <iframe id="frame" width="450px" height="235px" src="./resources/iframe-scroll-page-up-down-1.html"></iframe>\r
65 <div style="height:200px"></div>\r
66 bottom\r
67 </div>\r
68 </body>\r
69 </html>\r