Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(667)

Side by Side Diff: LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text.html

Issue 931753002: Disable gesture tap highlight on editable nodes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: nit: removed obsolete comment Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <script src="../../resources/js-test.js"></script>
3 <head>
4 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css" >
5 <script src="resources/link-highlight-helper.js"></script> 3 <script src="resources/link-highlight-helper.js"></script>
6 <script src="../../resources/js-test.js"></script> 4 <style>
5 html {
6 -webkit-tap-highlight-color: rgb(0, 255, 0);
7 }
8 .pointer {
9 cursor:pointer;
10 }
11 input {
12 margin:20px;
13 }
14 </style>
15 <body onload="runTest();">
16 <div style="transform: translateZ(0); position: relative; left: 10px; top: 40px" >
17 <form>
18 <div class="pointer">
19 <input id="target" value="Target Input Text">
20 </div>
21 </form>
22 </div>
23 <div style="position: relative; left: 10px; top: 70px">
24 This test is successful if there are no green rectangles.
25 </div>
7 <script> 26 <script>
8 function runTest() { 27 function runTest() {
9 useMockHighlight(); 28 useMockHighlight();
10 29
11 var clientRect = document.getElementById('targetLink').getBoundingClientRect (); 30 var clientRect = target.getBoundingClientRect();
12 x = (clientRect.left + clientRect.right) / 2; 31 var x = (clientRect.left + clientRect.right) / 2;
13 y = (clientRect.top + clientRect.bottom) / 2; 32 var y = (clientRect.top + clientRect.bottom) / 2;
14 if (window.testRunner) { 33 if (window.testRunner) {
15 testRunner.dumpAsTextWithPixelResults(); 34 testRunner.dumpAsTextWithPixelResults();
16 testRunner.waitUntilDone(); 35 testRunner.waitUntilDone();
17 } 36 }
18 37
19 if (window.eventSender) { 38 if (window.eventSender) {
20 eventSender.gestureShowPress(x, y); 39 eventSender.gestureShowPress(x, y);
21 window.setTimeout(function() { window.testRunner.notifyDone(); }, 0); 40 window.setTimeout(function() { window.testRunner.notifyDone(); }, 0);
22 } else { 41 } else {
23 debug("This test requires DumpRenderTree."); 42 debug("This test requires DumpRenderTree.");
24 } 43 }
25 } 44 }
26 </script> 45 </script>
27 </head>
28 <body onload="runTest();">
29 <div style="transform: translateZ(0); position: relative; left: 10; top: 40">
30 <a class="opaqueHighlight" href="" id="targetLink">Target Link.</a>
31 </div>
32 <div style="position: relative; left: 10; top: 70">
33 This test is successful if "Target Link" above is covered in a green rectangle w ith square corners.
34 </div>
35 </body> 46 </body>
36 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698