| <!DOCTYPE html> |
| <style type="text/css"> |
| #draggable { |
| padding: 5pt; |
| border: 3px solid #00cc00; |
| background: #00cccc; |
| width: 80px; |
| cursor: pointer; |
| } |
| #scrollable { |
| height: 200px; |
| overflow: auto; |
| border: solid 3px #cc0000; |
| font-size: 80px; |
| } |
| </style> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <div id="draggable" draggable="true"> |
| <div id="scrollable"> |
| <p>a</p> |
| <p>b</p> |
| <p>c</p> |
| <p>d</p> |
| <p>e</p> |
| <p>f</p> |
| <p>g</p> |
| <p>h</p> |
| <p>i</p> |
| <p>j</p> |
| </div> |
| <script> |
| test(function() { |
| if (!window.eventSender) |
| return; |
| var DragAndDropStart = 1554; |
| var scrollable = document.getElementById("scrollable"); |
| var draggable = document.getElementById("draggable"); |
| var dragStartX = draggable.offsetLeft + 5; |
| var dragStartY = draggable.offsetTop + 5; |
| var dragEndX = scrollable.offsetLeft + 5; |
| var dragEndY = scrollable.offsetTop + scrollable.offsetHeight - 10; |
| |
| eventSender.mouseMoveTo(dragStartX, dragStartY); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(dragEndX, dragEndY); |
| eventSender.mouseUp(); |
| assert_true(internals.isUseCounted(document, DragAndDropStart)); |
| }, "Tests that selection-drag autoscroll is recorded in UMA usecounter."); |
| </script> |