| Index: Source/web/tests/data/touch-action-pan.html
|
| diff --git a/Source/web/tests/data/touch-action-pan.html b/Source/web/tests/data/touch-action-pan.html
|
| new file mode 100755
|
| index 0000000000000000000000000000000000000000..b99b97ff19efaeaf67720301fb02884cfc46677b
|
| --- /dev/null
|
| +++ b/Source/web/tests/data/touch-action-pan.html
|
| @@ -0,0 +1,55 @@
|
| +<!DOCTYPE html>
|
| +<link rel='stylesheet' type='text/css' href='touch-action-tests.css'>
|
| +<script src='touch-action-tests.js'></script>
|
| +
|
| +<!--
|
| + Test a bunch of complex cases where touch-action: [pan-x ||pan-y].
|
| +-->
|
| +
|
| +<div class='ta-panx' expected-action='pan-x'>Simple div with touch-action: pan-x</div>
|
| +<div class='ta-pany' expected-action='pan-y'>Simple div with touch-action: pan-y</div>
|
| +<div class='ta-panxy' expected-action='pan-x-y'>Simple div with touch-action: pan-x pan-y</div>
|
| +
|
| +<div class='ta-none' style='height: 0; margin-bottom: 50px'>
|
| + <div class='ta-panx' expected-action='none'>
|
| + Explicitly setting touch-action: pan-x does nothing to prevent propagation of none
|
| + </div>
|
| +</div>
|
| +
|
| +<div class='ta-pany'>
|
| + <div class='ta-none' expected-action='none'>
|
| + Explicitly setting touch-action: none prevent propagation of pan-y
|
| + </div>
|
| +</div>
|
| +
|
| +<div class='ta-panx'>
|
| + <div class='ta-pany' expected-action='none'>
|
| + Disjoint flags intersect to none
|
| + </div>
|
| +</div>
|
| +
|
| +<div class='ta-panxy'>
|
| + <div class='ta-auto' expected-action='pan-x-y'>
|
| + Explicitly setting touch-action: auto does nothing to prevent propagation of 'pan-x pan-y'
|
| + </div>
|
| +</div>
|
| +
|
| +<div class='ta-panx'>
|
| + <div class='ta-panxy' expected-action='pan-x'>
|
| + Explicitly setting touch-action: pan-x pan-y does nothing to prevent propagation of pan-x
|
| + </div>
|
| +</div>
|
| +
|
| +<div class='ta-panx'>
|
| + <div class='ta-auto'>
|
| + <div class='ta-pany' expected-action='none'>
|
| + Disjoint flags intersect to none
|
| + </div>
|
| + </div>
|
| +</div>
|
| +
|
| +<div class='ta-panx'>
|
| + <div class='scroll ta-pany' expected-action='pan-y'>
|
| + Touch-action: pan-x is not propagated into overflow-scroll elements
|
| + </div>
|
| +</div>
|
|
|