2 <script src=
"../../resources/run-after-layout-and-paint.js"></script>
3 <div id=
"container" style=
"overflow: auto; height: 200px; width: 200px; backface-visibility: hidden">
4 <div id=
"target" style=
"margin: 50px 0; overflow: auto; height: 250px; width: 100px">
5 <div onmouseover=
"mouseOver(event)" style=
"margin: 250px 0; width: 20px; height: 20px; background-color: blue;"></div>
8 <div id=
"result">Test needs DumpRenderTree
</div>
10 function mouseOver(event
) {
11 document
.getElementById("result").innerText
= "PASS";
12 testRunner
.notifyDone();
15 if (window
.testRunner
) {
16 testRunner
.dumpAsText();
17 testRunner
.waitUntilDone();
20 document
.getElementById("container").scrollTop
= 50;
21 runAfterLayoutAndPaint(function() {
22 eventSender
.mouseMoveTo(10, 10);
23 document
.getElementById("target").scrollTop
= 250;