Index: LayoutTests/platform/chromium/fast/events/touch/compositor-touch-hit-rects.html |
=================================================================== |
--- LayoutTests/platform/chromium/fast/events/touch/compositor-touch-hit-rects.html (revision 138153) |
+++ LayoutTests/platform/chromium/fast/events/touch/compositor-touch-hit-rects.html (working copy) |
@@ -1,200 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
-<style> |
-#transformedChild { |
- -webkit-transform: rotate3d(0.2, 1, 0, 35grad); |
-} |
-#absoluteChild { |
- position: absolute; |
- top: 300px; |
-} |
-#relativeChild { |
- position: relative; |
- top: 200px; |
-} |
-#overhangingContainer { |
- height: 10px; |
-} |
-#overhangingFloatingChild { |
- width: 100px; |
- float: left; |
-} |
-#tests { |
- font: 10px Ahem; |
-} |
-</style> |
-</head> |
-<body> |
-<p id="description">This tests verifies the hit test regions given to the compositor. It can only be run in DumpRenderTree. |
-The outputted rects should cover the hit test regions of all the listed elements.</p> |
-<div id="console"></div> |
- |
-<div id="tests"> |
- <div id="normalFlow"> |
- Lorem ipsum |
- <span>sum</span>. |
- </div> |
- <div id="absoluteChildContainer"> |
- Lorem ipsum |
- <span id="absoluteChild">Absolute child</span> |
- </div> |
- <div id="relativeChildContainer"> |
- Lorem ipsum |
- <span id="relativeChild">Relative child</span> |
- </div> |
- <div id="overhangingContainer"> |
- <div id="overhangingFloatingChild">Overhanging float overhanging float overhanging float overhanging float</div> |
- </div> |
- <div id="transformedChildContainer"> |
- <div id="transformedChild">Transformed</div> |
- </div> |
- <div> |
- <b id="continuation">This b tag |
- <div>causes a</div> |
- continuation</b> |
- </div> |
-</div> |
-<script> |
-if (!window.testRunner) |
- return; |
- |
-window.testRunner.dumpAsText(); |
- |
-function listener() { } |
- |
-function log(msg) { |
- var span = document.createElement("span"); |
- document.getElementById("console").appendChild(span); |
- span.innerHTML = msg + '<br />'; |
-} |
- |
-function sortRects(a, b) { |
- return a.top - b.top; |
-} |
- |
-function logRects(id) { |
- element = document.getElementById(id); |
- element.addEventListener('touchstart', listener, false); |
- rects = window.internals.touchEventTargetClientRects(document); |
- var sortedRects = new Array(); |
- for (var i = 0; i < rects.length; ++i) |
- sortedRects[i] = rects[i]; |
- sortedRects.sort(sortRects); |
- for (var i = 0; i < rects.length; ++i) |
- log(id + "[" + i + "]: (" + sortedRects[i].left + ", " + sortedRects[i].top + ", " + sortedRects[i].width + ", " + sortedRects[i].height + ")"); |
- element.removeEventListener('touchstart', listener, false); |
-} |
- |
-logRects("normalFlow"); |
-logRects("absoluteChildContainer"); |
-logRects("relativeChildContainer"); |
-logRects("overhangingContainer"); |
-logRects("transformedChildContainer"); |
-logRects("continuation"); |
- |
-var testContainer = document.getElementById("tests"); |
-testContainer.parentNode.removeChild(testContainer); |
- |
-</script> |
-</body> |
-<!DOCTYPE html> |
-<html> |
-<head> |
-<style> |
-#transformedChild { |
- -webkit-transform: rotate3d(0.2, 1, 0, 35grad); |
-} |
-#absoluteChild { |
- position: absolute; |
- top: 300px; |
-} |
-#relativeChild { |
- position: relative; |
- top: 200px; |
-} |
-#overhangingContainer { |
- height: 10px; |
-} |
-#overhangingFloatingChild { |
- width: 100px; |
- float: left; |
-} |
-#tests { |
- font: 10px Ahem; |
-} |
-</style> |
-</head> |
-<body> |
-<p id="description">This tests verifies the hit test regions given to the compositor. It can only be run in DumpRenderTree. |
-The outputted rects should cover the hit test regions of all the listed elements.</p> |
-<div id="console"></div> |
- |
-<div id="tests"> |
- <div id="normalFlow"> |
- Lorem ipsum |
- <span>sum</span>. |
- </div> |
- <div id="absoluteChildContainer"> |
- Lorem ipsum |
- <span id="absoluteChild">Absolute child</span> |
- </div> |
- <div id="relativeChildContainer"> |
- Lorem ipsum |
- <span id="relativeChild">Relative child</span> |
- </div> |
- <div id="overhangingContainer"> |
- <div id="overhangingFloatingChild">Overhanging float overhanging float overhanging float overhanging float</div> |
- </div> |
- <div id="transformedChildContainer"> |
- <div id="transformedChild">Transformed</div> |
- </div> |
- <div> |
- <b id="continuation">This b tag |
- <div>causes a</div> |
- continuation</b> |
- </div> |
-</div> |
-<script> |
-if (!window.testRunner) |
- return; |
- |
-window.testRunner.dumpAsText(); |
- |
-function listener() { } |
- |
-function log(msg) { |
- var span = document.createElement("span"); |
- document.getElementById("console").appendChild(span); |
- span.innerHTML = msg + '<br />'; |
-} |
- |
-function sortRects(a, b) { |
- return a.top - b.top; |
-} |
- |
-function logRects(id) { |
- element = document.getElementById(id); |
- element.addEventListener('touchstart', listener, false); |
- rects = window.internals.touchEventTargetClientRects(document); |
- var sortedRects = new Array(); |
- for (var i = 0; i < rects.length; ++i) |
- sortedRects[i] = rects[i]; |
- sortedRects.sort(sortRects); |
- for (var i = 0; i < rects.length; ++i) |
- log(id + "[" + i + "]: (" + sortedRects[i].left + ", " + sortedRects[i].top + ", " + sortedRects[i].width + ", " + sortedRects[i].height + ")"); |
- element.removeEventListener('touchstart', listener, false); |
-} |
- |
-logRects("normalFlow"); |
-logRects("absoluteChildContainer"); |
-logRects("relativeChildContainer"); |
-logRects("overhangingContainer"); |
-logRects("transformedChildContainer"); |
-logRects("continuation"); |
- |
-var testContainer = document.getElementById("tests"); |
-testContainer.parentNode.removeChild(testContainer); |
- |
-</script> |
-</body> |