OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> | 4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> |
5 <style> | 5 <style> |
6 body { | 6 body { |
7 /* make it easy to validate rects are covering the entire document */ | 7 /* make it easy to validate rects are covering the entire document */ |
8 height: 1968px; | 8 height: 1968px; |
9 margin: 16px 5px; | 9 margin: 16px 5px; |
10 } | 10 } |
11 </style> | 11 </style> |
12 </head> | 12 </head> |
13 <body> | 13 <body> |
14 <p id="description"> | 14 <p id="description"> |
15 This tests verifies the hit test regions given to the compositor in the simple c
ase where | 15 This tests verifies the hit test regions given to the compositor in the simple c
ase where |
16 touch handles cover (or nearly cover) the entire document. It can only be run in
DumpRenderTree. | 16 touch handles cover (or nearly cover) the entire document. It can only be run in
DumpRenderTree. |
17 </p> | 17 </p> |
18 | 18 |
19 <div id="tests"> | 19 <div id="tests"> |
20 </div> | 20 </div> |
21 | 21 |
22 <div id="console"></div> | 22 <div id="console"></div> |
23 <script src="resources/compositor-touch-hit-rects.js"></script> | 23 <script src="resources/compositor-touch-hit-rects.js"></script> |
24 <script> | 24 <script> |
25 | 25 |
26 function runGlobalTest(name, element) { | 26 function runGlobalTest(name, element) { |
27 // With a global handler, no other handlers should matter | 27 // With a global handler, no other handlers should matter |
28 var elements = [document.getElementById('description'), element, document.getE
lementById('tests')]; | 28 var elements = [document.getElementById('description'), element, document.getE
lementById('tests')]; |
29 for (var i = 0; i < elements.length; i++) | 29 for (var i = 0; i < elements.length; i++) |
30 elements[i].addEventListener('touchmove', listener, false); | 30 elements[i].addEventListener('touchmove', listener, {passive: false}); |
31 | 31 |
32 if (window.internals) | 32 if (window.internals) |
33 internals.forceCompositingUpdate(document); | 33 internals.forceCompositingUpdate(document); |
34 logRects(name, true); | 34 logRects(name, true); |
35 | 35 |
36 for (var i = 0; i < elements.length; i++) | 36 for (var i = 0; i < elements.length; i++) |
37 elements[i].removeEventListener('touchmove', listener, false); | 37 elements[i].removeEventListener('touchmove', listener, {passive: false}); |
38 } | 38 } |
39 | 39 |
40 function runOverlayTest() { | 40 function runOverlayTest() { |
41 if (window.testRunner) | 41 if (window.testRunner) |
42 testRunner.addWebPageOverlay(); | 42 testRunner.addWebPageOverlay(); |
43 | 43 |
44 if (window.internals) | 44 if (window.internals) |
45 internals.forceCompositingUpdate(document); | 45 internals.forceCompositingUpdate(document); |
46 logRects('webPageOverlay', true); | 46 logRects('webPageOverlay', true); |
47 | 47 |
48 if (window.testRunner) | 48 if (window.testRunner) |
49 testRunner.removeWebPageOverlay(); | 49 testRunner.removeWebPageOverlay(); |
50 } | 50 } |
51 | 51 |
52 function additionalTests() { | 52 function additionalTests() { |
53 runGlobalTest('document', document); | 53 runGlobalTest('document', document); |
54 runGlobalTest('html', document.documentElement); | 54 runGlobalTest('html', document.documentElement); |
55 runGlobalTest('body', document.body); | 55 runGlobalTest('body', document.body); |
56 runOverlayTest(); | 56 runOverlayTest(); |
57 } | 57 } |
58 </script> | 58 </script> |
59 </body> | 59 </body> |
OLD | NEW |