LayoutTests/fast/overflow/scroll-vertical-not-horizontal.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html>
   3 <head>
   4 <script>
   5 function test()
   6 {
   7     if (window.layoutTestController) {
   8         layoutTestController.dumpAsText();
   9         layoutTestController.waitUntilDone();
  10     }
  11     window.location='#anchor';
  12     setTimeout("finishTest()", 0);
  13 }
  14 function finishTest()
  15 {
  16     if (window.location.toString().indexOf("#") == -1) {
  17         setTimeout("finishTest()", 0);
  18         return;
  19     }
  20     var message = "Scroll position is " + (window.scrollX == 0 ? "" : "not ") + "at left and "
  21         + (window.scrollY == 0 ? "" : "not ") + "at top.";
  22     document.getElementById("console").appendChild(document.createTextNode(message));
  23     if (window.layoutTestController)
  24         layoutTestController.notifyDone();
  25 }
  26 </script>
  27 </head>
  28 <body onload="test()">
  29
  30 <div style="padding-left: 100px;">
  31 <p>Thisisareallywidelinethatshereatthestartsowehaveahorizontalscrollbar.Thisisareallywidelinethatshereatthestartsowehaveahorizontalscrollbar.Thisisareallywidelinethatshereatthestartsowehaveahorizontalscrollbar.</p>
  32 <p><a name="anchor"></a>Anchor is here, and should cause a vertical scroll only, not a horizontal scroll.</p>
  33 <p>So, if the test succeeds, the text below should say that we're at the left but not at the top.</p>
  34 <p id="console"></p>
  35 <p style="height: 1000px">This is very tall line that's here at the end so we have a vertical scroll bar.</p>
  36 </div>
  37
  38 </body></html>