269d7b0e9f14783bc63b5eda33d37bee05a5aade
[WebKit-https.git] / LayoutTests / touchadjustment / touch-inlines.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title>Touch Adjustment : Inlines and line-breaks - bug 78801</title>
5     <script src="../resources/js-test-pre.js"></script>
6     <script src="resources/touchadjustment.js"></script>
7     <style>
8         #sandbox { position: absolute; top: 0px; left: 0px; font: 16px Ahem; line-height: 20px }
9     </style>
10 </head>
11 <body>
12
13 <div id=sandbox>
14     <p style="width: 22em;">
15     <a id="1" href="#1">some link</a><br>
16     <a id="2" href="#2">some link breaking lines</a> and <a id="3" href="#3">link</a><br>
17     hola mundo! <a id="4" href="#4">a split up link</a><br>
18     hello world <a id="5" href="#5">some link also breaking</a><br>
19     hi there <a id="6" href="#6">some link that is breaking multiple lines just for the very fun of it</a><br><br>
20     </p>
21 </div>
22
23 <p id='description'></p>
24 <div id='console'></div>
25
26 <script>
27     // Set up shortcut access to elements
28     var e = {};
29     ['sandbox', '1', '2', '3', '4', '5', '6'].forEach(function(a) {
30         e[a] = document.getElementById(a);
31     });
32
33     function testDirectTouches()
34     {
35         debug('Test some direct hits.');
36         testTouchPoint(touchPoint(30, 25, 10), e['1']);
37         testTouchPoint(touchPoint(20, 65, 10), e['2']);
38         testTouchPoint(touchPoint(220, 85, 10), e['4']);
39         testTouchPoint(touchPoint(80, 195, 10), e['6']);
40     }
41
42     function testDirectMisses()
43     {
44         debug('Test a few direct misses.');
45         // Hit 'and' betwen link 2 and 3
46         testTouchPoint(touchPoint(120, 75, 6), null);
47         // Hit 'hi there' above and to the left of link 6.
48         testTouchPoint(touchPoint(72, 166, 6), null);
49     }
50
51     function testIndirectTouches()
52     {
53         debug('Test some indirect hits.');
54
55         testTouchPoint(touchPoint(50, 60, 20), e['2']);
56         testTouchPoint(touchPoint(172, 83, 20), e['3']);
57         testTouchPoint(touchPoint(230, 74, 20), e['4']);
58         testTouchPoint(touchPoint(30, 100, 20), e['4']);
59         testTouchPoint(touchPoint(24, 170, 20), e['6']);
60
61     }
62
63     function runTests()
64     {
65         if (window.testRunner && window.internals && internals.touchNodeAdjustedToBestClickableNode) {
66             description('Tests touch-adjustment on inline links. Making sure we can hit over line-breaks, and can miss when tapping between parts of a line-broken link.');
67             testDirectTouches();
68             testDirectMisses();
69             testIndirectTouches();
70             e['sandbox'].style.display = 'none';
71         }
72     }
73     runTests();
74 </script>
75 <script src="../resources/js-test-post.js"></script>
76 </body>
77 </html>