| 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/link-highlight-helper.js"></script> | 5 <script src="resources/link-highlight-helper.js"></script> |
| 6 <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"
> |
| 7 <style> | 7 <style> |
| 8 .myDiv { | 8 .myDiv { |
| 9 transform:translateZ(0); | 9 transform:translateZ(0); |
| 10 position:relative; | 10 position:relative; |
| 11 z-index:0; | 11 z-index:0; |
| 12 top:-10px; | 12 top:-10px; |
| 13 background-color:blue | 13 background-color:blue |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 </head> | 16 </head> |
| 17 <body onload="runTest();" style="overflow: hidden"> | 17 <body onload="runTest();" style="overflow: hidden"> |
| 18 <span style="cursor: pointer;position:relative;z-index:1" class="opaqueHighlight
"> | 18 <span style="cursor: pointer;position:relative;z-index:1" class="opaqueHighlight
"> |
| 19 <span id="targetLink" style="visibility: hidden" class="mySpan">TEST</span> | 19 <span id="targetLink" style="visibility: hidden" class="mySpan">TEST</span> |
| 20 </span> | 20 </span> |
| 21 <div class="myDiv">Div to overlap to ensure compositing</div> | 21 <div class="myDiv">Div to overlap to ensure compositing</div> |
| 22 <script> | 22 <script> |
| 23 function runTest() { | 23 function runTest() { |
| 24 useMockHighlight(); | 24 useMockHighlight(); |
| 25 if (window.internals) | |
| 26 internals.settings.setLayerSquashingEnabled(true); | |
| 27 | 25 |
| 28 var clientRect = document.getElementById('targetLink').getBoundingClientRect
(); | 26 var clientRect = document.getElementById('targetLink').getBoundingClientRect
(); |
| 29 x = (clientRect.left + clientRect.right) / 2; | 27 x = (clientRect.left + clientRect.right) / 2; |
| 30 y = (clientRect.top + clientRect.bottom) / 2; | 28 y = (clientRect.top + clientRect.bottom) / 2; |
| 31 | 29 |
| 32 if (window.testRunner) { | 30 if (window.testRunner) { |
| 33 testRunner.dumpAsTextWithPixelResults(); | 31 testRunner.dumpAsTextWithPixelResults(); |
| 34 testRunner.waitUntilDone(); | 32 testRunner.waitUntilDone(); |
| 35 } | 33 } |
| 36 | 34 |
| 37 if (window.eventSender) { | 35 if (window.eventSender) { |
| 38 eventSender.gestureShowPress(x, y); | 36 eventSender.gestureShowPress(x, y); |
| 39 window.setTimeout(function() { window.testRunner.notifyDone(); }, 0); | 37 window.setTimeout(function() { window.testRunner.notifyDone(); }, 0); |
| 40 } else { | 38 } else { |
| 41 debug("This test requires DumpRenderTree."); | 39 debug("This test requires DumpRenderTree."); |
| 42 debug("This test makes sure that a link highlight on a composited" + | 40 debug("This test makes sure that a link highlight on a composited" + |
| 43 ", inline element that doesn't draw content does not crash" + | 41 ", inline element that doesn't draw content does not crash" + |
| 44 "http://crbug.com/322591"); | 42 "http://crbug.com/322591"); |
| 45 debug("This test is successful if it doesn't crash and there's a green r
ectangle below."); | 43 debug("This test is successful if it doesn't crash and there's a green r
ectangle below."); |
| 46 } | 44 } |
| 47 } | 45 } |
| 48 </script> | 46 </script> |
| 49 </body> | 47 </body> |
| 50 </html> | 48 </html> |
| OLD | NEW |