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> |