summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html
diff options
context:
space:
mode:
authorsteveblock@chromium.org <steveblock@chromium.org@bbb929c8-8fbe-4397-9dbb-9b2b20218538>2013-05-13 23:02:29 +0000
committersteveblock@chromium.org <steveblock@chromium.org@bbb929c8-8fbe-4397-9dbb-9b2b20218538>2013-05-13 23:02:29 +0000
commit86fac4d759847abb5b80b8bb97bfa681731cd6e3 (patch)
treec94f9801964537075e4bbb6cfd278e6f8a65c4e9 /third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html
parent03ccb56243e2c4b8b575afbe127145f3f1eb76bc (diff)
downloadchromium_src-86fac4d759847abb5b80b8bb97bfa681731cd6e3.zip
chromium_src-86fac4d759847abb5b80b8bb97bfa681731cd6e3.tar.gz
chromium_src-86fac4d759847abb5b80b8bb97bfa681731cd6e3.tar.bz2
Move Linux-specific LayoutTests to generic location
BUG=240104 R=ojan@chromium.org Review URL: https://codereview.chromium.org/14860019 git-svn-id: svn://svn.chromium.org/blink/trunk@150272 bbb929c8-8fbe-4397-9dbb-9b2b20218538
Diffstat (limited to 'third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html')
-rw-r--r--third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html46
1 files changed, 46 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html
new file mode 100644
index 0000000..95ac2f9
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-1-overflow-div-layout-change.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script src="../../fast/js/resources/js-test-pre.js"></script>
+</head>
+<body onload="runTest();">
+<div id="targetDiv" style="-webkit-transform: translateZ(0); position: relative; left: 10px; top: 10px"></div>
+<div style="position: relative; left: 10px; top: 40px; width: 200px; height: 100px; overflow-y: scroll; overflow-x: scroll;">
+<a href="">Link 1</a><br>
+<a href="">Link 2</a><br>
+<a href="" id="targetLink" style="-webkit-tap-highlight-color: rgba(0, 255, 0, 0.5)">Target Link.</a><br>
+<a href="">Link 4</a><br>
+<a href="">Link 5</a><br>
+</div>
+<div style="position: relative; left: 10px; top: 80px">
+This test is successful if "Target Link" above is covered in a transparent green rectangle with rounded corners.
+</div>
+<script>
+function runTest() {
+ var targetLink = document.getElementById('targetLink');
+ var clientRect = document.getElementById('targetLink').getBoundingClientRect();
+ x = (clientRect.left + clientRect.right) / 2;
+ y = (clientRect.top + clientRect.bottom) / 2;
+ if (window.testRunner) {
+ testRunner.dumpAsText(true);
+ testRunner.waitUntilDone();
+ }
+
+ // In this test a link highlight is commenced, then a new node is inserted before the highlight
+ // target, forcing a layout change that moves the target node mid-animation.
+ if (window.eventSender) {
+ eventSender.gestureTapDown(x, y);
+ var newLink = document.createElement('a');
+ newLink.setAttribute('href', '');
+ newLink.innerHTML = 'Link 3';
+ targetLink.parentNode.insertBefore(newLink, targetLink);
+ targetLink.parentNode.insertBefore(document.createElement('br'), targetLink)
+ window.setTimeout(function() { window.testRunner.notifyDone(); }, 0);
+ } else {
+ debug("This test requires DumpRenderTree.");
+ }
+}
+</script>
+</script>
+</body>
+</html>