<html>
    <head>
        <title>Pan Scrolling Test</title>
    </head>
    <body>
        <script>
            if (window.testRunner) {
                testRunner.dumpAsText();
                testRunner.waitUntilDone();
            }
            
            addEventListener('mousedown', 
                function(event) { 
                    console.log("Mousedown with " + event.button);
                }
            , false);
        </script>
        <div id="overflow" style="width:500px; height:150px; overflow:auto; border:2px solid black; padding:10px">
            <h1>This tests that pan scrolling scrolls the proper direction without event.preventDefault
            and the middle button mousedown event is fired. To test manually, try to pan scroll sideways
            inside this div.</h1>
        </div>
        <p>
        <div id="console"></div>
        <script>
            if (window.eventSender)
            {
                eventSender.mouseMoveTo(50, 50);
                eventSender.mouseDown(1);
                eventSender.mouseUp(1);
                eventSender.mouseMoveTo(-50, 200);
                setTimeout(finished, 500);
            }
            
            function finished()
            {
                if (document.getElementById('overflow').scrollLeft)
                    document.getElementById('console').innerHTML = "Fail! Div with overflow was scrolled in the wrong axis";
                else
                    document.getElementById('console').innerHTML = "Success! Div with overflow was scrolled correctly";
                
                window.testRunner.notifyDone();
            }
        </script>
    </body>
</html>