| <html> |
| <head> |
| <style> |
| .outer { |
| position: relative; |
| margin: 100px; |
| height: 400px; |
| width: 200px; |
| border: 1px solid blue; |
| } |
| |
| #inner { |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| |
| overflow-x: hidden; |
| overflow-y: auto; |
| } |
| |
| .big { |
| height: 2000px; |
| } |
| </style> |
| |
| <script src="../../resources/js-test-pre.js"></script> |
| <script> |
| |
| function decreaseContentSize() |
| { |
| var content = document.getElementById('content'); |
| content.classList.remove("big"); |
| internals.updateLayoutIgnorePendingStylesheetsAndRunPostLayoutTasks(); |
| |
| var divTarget = document.getElementById('inner'); |
| var divScrollPos = divTarget.scrollTop; |
| if (divScrollPos == 0) |
| testPassed("Re-sizing the content of the scrolled div correctly set a new scroll position."); |
| else |
| testFailed("Re-sizing the content of the scrolled div failed to correctly set a new scroll position. "); |
| |
| testRunner.notifyDone(); |
| } |
| |
| function scrollTest() |
| { |
| var startPosX = 150; |
| var startPosY = 150; |
| eventSender.mouseMoveTo(startPosX, startPosY); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, -1, 'began', 'none'); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, -1, 'changed', 'none'); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, -1, 'changed', 'none'); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, 0, 'ended', 'none'); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, -1, 'none', 'begin'); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, -1, 'none', 'continue'); |
| eventSender.mouseScrollByWithWheelAndMomentumPhases(0, 0, 'none', 'end'); |
| |
| setTimeout(decreaseContentSize, 100); |
| } |
| |
| function setUp() { |
| if (window.eventSender) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| |
| setTimeout(scrollTest, 0); |
| } |
| } |
| </script> |
| </head> |
| |
| <body onload="setUp();"> |
| |
| <div class="outer"> |
| <div id="inner"> |
| <div id="content" class="big">This test should be run in the test harness.</div> |
| </div> |
| </div> |
| </body> |
| </html> |
| |
