OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
| 5 <script src="../../resources/run-after-display.js"></script> |
5 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"
> | 6 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"
> |
6 </head> | 7 </head> |
7 <body onload="runTest();"> | 8 <body onload="runTest();"> |
8 <div style="-webkit-transform: translateZ(0); position: relative; left: 10px; to
p: 10px"></div> | 9 <div style="-webkit-transform: translateZ(0); position: relative; left: 10px; to
p: 10px"></div> |
9 <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200
px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> | 10 <div id="targetDiv" style="position: relative; left: 10px; top: 40px; width: 200
px; height: 100px; overflow-y: scroll; overflow-x: scroll;"> |
10 <div id="divToControlCompositedLayer" style="-webkit-transform: translateZ(0);"> | 11 <div id="divToControlCompositedLayer" style="-webkit-transform: translateZ(0);"> |
11 <a href="">Link 1</a><br> | 12 <a href="">Link 1</a><br> |
12 <a href="">Link 2</a><br> | 13 <a href="">Link 2</a><br> |
13 <a href="">Link 3</a><br> | 14 <a href="">Link 3</a><br> |
14 <a class="opaqueHighlight needsFix" href="" id="targetLink">Target Link.</a><br> | 15 <a class="opaqueHighlight needsFix" href="" id="targetLink">Target Link.</a><br> |
(...skipping 12 matching lines...) Expand all Loading... |
27 if (window.testRunner) { | 28 if (window.testRunner) { |
28 testRunner.dumpAsTextWithPixelResults(); | 29 testRunner.dumpAsTextWithPixelResults(); |
29 testRunner.waitUntilDone(); | 30 testRunner.waitUntilDone(); |
30 } | 31 } |
31 | 32 |
32 // This test highlights a link in a composited overflow-div, then forces tha
t div to become non-composited, | 33 // This test highlights a link in a composited overflow-div, then forces tha
t div to become non-composited, |
33 // then scrolls that div, then exits. If everything is working correctly, th
e link highlight will still | 34 // then scrolls that div, then exits. If everything is working correctly, th
e link highlight will still |
34 // be displayed correctly after all these operations. | 35 // be displayed correctly after all these operations. |
35 if (window.eventSender && window.testRunner) { | 36 if (window.eventSender && window.testRunner) { |
36 eventSender.gestureShowPress(x, y); | 37 eventSender.gestureShowPress(x, y); |
37 window.testRunner.display(); | 38 runAfterDisplay(function() { |
38 | 39 document.getElementById('divToControlCompositedLayer').style.webkitT
ransform = ""; |
39 document.getElementById('divToControlCompositedLayer').style.webkitTrans
form = ""; | 40 runAfterDisplay(function() { |
40 window.testRunner.display(); | 41 targetDiv.scrollTop += 20; |
41 | 42 testRunner.notifyDone(); |
42 targetDiv.scrollTop += 20; | 43 }); |
43 window.setTimeout(function() { window.testRunner.notifyDone(); }, 0); | 44 }); |
44 } else { | 45 } else { |
45 debug("This test requires DumpRenderTree."); | 46 debug("This test requires DumpRenderTree."); |
46 } | 47 } |
47 } | 48 } |
48 </script> | 49 </script> |
49 </script> | 50 </script> |
50 </body> | 51 </body> |
51 </html> | 52 </html> |
OLD | NEW |