Chromium Code Reviews| Index: LayoutTests/compositing/gestures/gesture-tapHighlight-nested-cursor2-expected.html |
| diff --git a/LayoutTests/compositing/gestures/gesture-tapHighlight-nested-cursor2-expected.html b/LayoutTests/compositing/gestures/gesture-tapHighlight-nested-cursor2-expected.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..0146f6e41fa6ad71d85e4500574c1368f5999569 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/gestures/gesture-tapHighlight-nested-cursor2-expected.html |
| @@ -0,0 +1,43 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<script src="../../resources/js-test.js"></script> |
| +<link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"> |
| +</head> |
| +<body onload="runTest();"> |
| + <div id="highlight" class="fauxHighlight" style="z-index: 1; position: absolute"></div> |
| + <style> |
|
Rick Byers
2014/07/30 15:35:51
again, move to inside the <head> tag.
mustaq
2014/07/30 16:40:44
Done.
|
| + #outerDiv { |
| + width: 150px; |
| + } |
| + #outerDiv, #outerDiv div { |
| + padding: 15px; |
| + border-style: solid; |
| + } |
| + </style> |
| + <div class="opaqueHighlight" id="outerDiv" style="cursor: pointer"> |
| + <div> |
| + <div style="cursor: pointer"> |
| + <div id="innerDiv"></div> |
| + </div> |
| + </div> |
| + </div> |
| + |
| + This test is successful if the outermost box above is covered with a green rectangle. |
| + |
| + <script> |
| + function runTest() { |
| + var clientRect = document.getElementById("outerDiv").getBoundingClientRect(); |
| + var highlight = document.getElementById("highlight"); |
| + |
| + highlight.style.left = clientRect.left + "px"; |
| + highlight.style.top = clientRect.top + "px"; |
| + highlight.style.width = clientRect.width + "px"; |
| + highlight.style.height = clientRect.height + "px"; |
| + |
| + if (window.testRunner) |
| + testRunner.dumpAsTextWithPixelResults(); |
| + } |
| + </script> |
| +</body> |
| +</html> |