| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <!-- This test should be integrated into web-platform-test when the pinch-zoom | 3 <!-- This test should be integrated into web-platform-test when the pinch-zoom |
| 4 is accepted into the specification. | 4 is accepted into the specification. |
| 5 See https://github.com/w3c/pointerevents/issues/29 --> | 5 See https://github.com/w3c/pointerevents/issues/29 --> |
| 6 <head> | 6 <head> |
| 7 <title>touch-action: pinch-zoom</title> | 7 <title>touch-action: pinch-zoom</title> |
| 8 <meta name="assert" content="TA15.4 - With `touch-action: pinch-zoom` on
a swiped or click/dragged element, only pinch zoom and two finger pan should be
possible."> | 8 <meta name="assert" content="TA15.4 - With `touch-action: pinch-zoom` on
a swiped or click/dragged element, only pinch zoom and two finger pan should be
possible."> |
| 9 <meta name="viewport" content="width=device-width"> | 9 <meta name="viewport" content="width=device-width"> |
| 10 <link rel="stylesheet" type="text/css" href="../../../external/wpt/point
erevents/pointerevent_styles.css"> | 10 <link rel="stylesheet" type="text/css" href="../../../external/wpt/point
erevents/pointerevent_styles.css"> |
| (...skipping 82 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 93 }); | 93 }); |
| 94 | 94 |
| 95 // Check if "touch-action: pinch-zoom" attribute works properly | 95 // Check if "touch-action: pinch-zoom" attribute works properly |
| 96 //TA: 15.4 | 96 //TA: 15.4 |
| 97 on_event(btnComplete, 'click', function(event) { | 97 on_event(btnComplete, 'click', function(event) { |
| 98 detected_pointertypes[event.pointerType] = true; | 98 detected_pointertypes[event.pointerType] = true; |
| 99 test_touchaction.step(function() { | 99 test_touchaction.step(function() { |
| 100 assert_true(scrollListenerExecuted, "scroll listener sho
uld not have been executed by the end of the test"); | 100 assert_true(scrollListenerExecuted, "scroll listener sho
uld not have been executed by the end of the test"); |
| 101 assert_equals(target0.scrollLeft, 0, "scroll x offset sh
ould be 0 in the end of the test"); | 101 assert_equals(target0.scrollLeft, 0, "scroll x offset sh
ould be 0 in the end of the test"); |
| 102 assert_equals(target0.scrollTop, 0, "scroll y offset sho
uld be 0 in the end of the test"); | 102 assert_equals(target0.scrollTop, 0, "scroll y offset sho
uld be 0 in the end of the test"); |
| 103 assert_greater_than(window.visualViewport.scale, 1, "sca
le should be greater than 1 in the end of the test"); | 103 assert_greater_than(window.view.scale, 1, "scale should
be greater than 1 in the end of the test"); |
| 104 }); | 104 }); |
| 105 test_touchaction.done(); | 105 test_touchaction.done(); |
| 106 updateDescriptionComplete(); | 106 updateDescriptionComplete(); |
| 107 }); | 107 }); |
| 108 } | 108 } |
| 109 </script> | 109 </script> |
| 110 <h1>touch-action: pinch-zoom</h1> | 110 <h1>touch-action: pinch-zoom</h1> |
| 111 <div id="complete-notice"> | 111 <div id="complete-notice"> |
| 112 <p>The following pointer types were detected: <span id="pointertype-
log"></span>.</p> | 112 <p>The following pointer types were detected: <span id="pointertype-
log"></span>.</p> |
| 113 </div> | 113 </div> |
| 114 <div id="log"></div> | 114 <div id="log"></div> |
| 115 | 115 |
| 116 <script> | 116 <script> |
| 117 function inject_input() { | 117 function inject_input() { |
| 118 return touchScrollInTarget('#target0', 'down').then(function() { | 118 return touchScrollInTarget('#target0', 'down').then(function() { |
| 119 return pinchZoomInTarget('#target0', 3.0); | 119 return pinchZoomInTarget('#target0', 3.0); |
| 120 }).then(function() { | 120 }).then(function() { |
| 121 document.getElementById("btnComplete").click(); | 121 document.getElementById("btnComplete").click(); |
| 122 }); | 122 }); |
| 123 } | 123 } |
| 124 </script> | 124 </script> |
| 125 <script src='../../../external/wpt_automation/pointerevents/pointerevent
_common_input.js'></script> | 125 <script src='../../../external/wpt_automation/pointerevents/pointerevent
_common_input.js'></script> |
| 126 </body> | 126 </body> |
| 127 </html> | 127 </html> |
| OLD | NEW |