Index: LayoutTests/fast/events/autoscroll-overflow-hidden-longhands.html |
diff --git a/LayoutTests/fast/events/autoscroll-overflow-hidden-longhands.html b/LayoutTests/fast/events/autoscroll-overflow-hidden-longhands.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b2a900e3298fd30bb526f81b5073788f7c278f8b |
--- /dev/null |
+++ b/LayoutTests/fast/events/autoscroll-overflow-hidden-longhands.html |
@@ -0,0 +1,55 @@ |
+<!DOCTYPE html> |
+ <head> |
+ <script> |
+ function log(msg) |
+ { |
+ document.getElementById('console').appendChild(document.createTextNode(msg + '\n')); |
+ } |
+ |
+ function test() |
+ { |
+ if (window.testRunner) { |
+ testRunner.waitUntilDone(); |
+ testRunner.dumpAsText(); |
+ } |
+ |
+ var textInDiv = document.getElementById('textInDiv'); |
+ if (window.eventSender) { |
+ var x = textInDiv.offsetLeft + 17; |
+ var y = textInDiv.offsetTop + 7; |
+ eventSender.dragMode = false; |
+ eventSender.mouseMoveTo(x, y); |
+ eventSender.mouseDown(); |
+ eventSender.mouseMoveTo(x, y + 20); |
+ eventSender.mouseMoveTo(x, y + 220); |
+ } |
+ setTimeout(autoscrollTestPart2, 100); |
+ } |
+ |
+ function autoscrollTestPart2() |
+ { |
+ if (window.eventSender) |
+ eventSender.mouseUp(); |
+ var sd = document.getElementById('nonScrollableDiv'); |
+ if (sd.scrollTop == 0) |
+ log("PASSED : the autoscroll did not happen!"); |
+ else |
+ log("FAILED : the autoscroll has happened :-("); |
+ |
+ if (window.testRunner) |
+ testRunner.notifyDone(); |
+ } |
+ </script> |
+ </head> |
+<body onload="test()"> |
+ <div id="description">Test ensure overflow:hidden has the same effect that overflow-y:hidden has with respect to autoscroll.<br> |
+ To test manually, text select by draggin the text below, and move the mouse downwards out of the div boundary. It should not scroll! |
+ </div> |
+ <div id="nonScrollableDiv" style="height: 100px; overflow-x: auto; overflow-y: hidden; width: 100px"> |
+ <div id="tailDiv" style=" height: 1000px; background-color: yellow"> |
+ <span id='textInDiv'> Try to autoscroll this text.<br> |
+ </div> |
+ </div> |
+ <div id="console"></div> |
+</body> |
+</html> |