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