b6519e7923514b071f2972f299f16d3c9de3caaa
[WebKit-https.git] / LayoutTests / css3 / touch-action / touch-action-manipulation-fast-clicks.html
1 <!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true ] -->
2
3 <html>
4 <meta name="viewport" content="initial-scale=1.0">
5
6 <head>
7     <script src="../../resources/js-test-pre.js"></script>
8     <script id="ui-script" type="text/plain">
9         (function() {
10             function performTap() {
11                 uiController.singleTapAtPoint(200, 200, performTap);
12             }
13             performTap();
14         })();
15     </script>
16
17     <script>
18     var clickCount = 0;
19     if (window.testRunner)
20         testRunner.waitUntilDone();
21
22     function getUIScript() {
23         return document.getElementById("ui-script").text;
24     }
25
26     function runTest() {
27         if (testRunner.runUIScript)
28             testRunner.runUIScript(getUIScript(), function(result) { });
29     }
30     function handleClicked() {
31         clickCount++;
32         document.body.appendChild(document.createTextNode("Click!"));
33         document.body.appendChild(document.createElement("br"));
34         if (clickCount == 3)
35             testRunner.notifyDone();
36     }
37     </script>
38
39     <style>
40     body {
41         margin: 0;
42     }
43
44     #target {
45         touch-action: manipulation;
46         width: 400px;
47         height: 400px;
48     }
49     </style>
50 </head>
51
52 <body onload="runTest()">
53     <button id="target" onclick="handleClicked()"></button>
54     <p>Repeatedly tapping on the button should fire click events.</p>
55     <p>This test is best run in WebKitTestRunner. If you are running this test manually, verify that tapping the button causes a "Click!" message to appear below, and that click occurred without the regular 350ms delay for double tapping.</p>
56     <script src="../../resources/js-test-post.js"></script>
57 </body>
58
59 </html>