Chromium Code Reviews Chromium Code Reviews
Issue 2669663002:
Move touch slop suppression to TouchEventManager (Closed)
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <script src='../../../resources/testharness.js'></script> | |
| 3 <script src='../../../resources/testharnessreport.js'></script> | |
| 4 <style type="text/css"> | |
| 5 #box { | |
| 6 width: 600px; | |
| 7 height: 600px; | |
| 8 touch-action: none; | |
| 9 } | |
| 10 </style> | |
| 11 <div id="box" ></div> | |
| 12 | |
| 13 <script type="text/javascript"> | |
| 14 | |
| 15 var touchMoveCount = 0; | |
| 16 var pointerMoveCount = 0; | |
| 17 var box = document.getElementById('box'); | |
| 18 var targetRect = box.getBoundingClientRect(); | |
| 19 var offset = 50; | |
| 20 var x = targetRect.left + offset; | |
| 21 var y = targetRect.top + offset; | |
| 22 | |
| 23 function validTouchMoveResult(event) { | |
| 24 touchMoveCount++; | |
| 25 testTouchMove.step(function () { | |
| 26 assert_equals(event.target.id, "box"); | |
| 27 }); | |
| 28 } | |
| 29 | |
| 30 function validPointerMoveResult(event) { | |
| 31 pointerMoveCount++; | |
| 32 testTouchMove.step(function () { | |
| 33 assert_equals(event.target.id, "box"); | |
| 34 assert_equals(event.pointerType, "touch"); | |
| 35 }); | |
| 36 } | |
| 37 | |
| 38 function callbackValidMoveCount() { | |
| 39 testTouchMove.step(function () { | |
| 40 assert_equals(touchMoveCount, 2); | |
| 41 assert_equals(pointerMoveCount, 3); | |
| 42 }); | |
| 43 testTouchMove.done(); | |
| 44 } | |
| 45 | |
| 46 function testMultiPointerMoveSuppressionInSlopRegion() { | |
| 47 if (window.chrome && chrome.gpuBenchmarking) { | |
| 48 var pointerActions = [{'source': 'touch'}, {'source': 'touch'}]; | |
|
tdresser
2017/02/06 21:49:59
Let's just use a single literal here.
lanwei
2017/02/21 18:10:28
Done.
| |
| 49 var pointerAction1 = pointerActions[0]; | |
| 50 var pointerAction2 = pointerActions[1]; | |
| 51 pointerAction1.actions = []; | |
| 52 pointerAction2.actions = []; | |
| 53 pointerAction1.actions.push( | |
| 54 {'name': 'pointerDown', 'x': x, 'y': y }); | |
| 55 pointerAction1.actions.push( | |
| 56 {'name': 'pointerMove', 'x': x, 'y': y + 10 }); | |
| 57 pointerAction1.actions.push({'name': 'pause' }); | |
| 58 pointerAction1.actions.push({'name': 'pause' }); | |
| 59 pointerAction1.actions.push({'name': 'pause' }); | |
| 60 pointerAction1.actions.push( | |
| 61 {'name': 'pointerMove', 'x': x, 'y': y + 6 }); | |
| 62 pointerAction1.actions.push({'name': 'pointerUp' }); | |
| 63 pointerAction2.actions.push({'name': 'pause' }); | |
| 64 pointerAction2.actions.push({'name': 'pause' }); | |
| 65 pointerAction2.actions.push( | |
| 66 {'name': 'pointerDown', 'x': x, 'y': y }); | |
| 67 pointerAction2.actions.push( | |
| 68 {'name': 'pointerMove', 'x': x, 'y': y + 10 }); | |
| 69 pointerAction2.actions.push({'name': 'pointerUp' }); | |
| 70 chrome.gpuBenchmarking.pointerActionSequence(pointerActions, callbackVal idMoveCount); | |
| 71 } | |
| 72 } | |
| 73 | |
| 74 var testTouchMove = async_test('Move in the slop region.'); | |
| 75 box.addEventListener('touchmove', validTouchMoveResult); | |
| 76 box.addEventListener('pointermove', validPointerMoveResult); | |
| 77 testMultiPointerMoveSuppressionInSlopRegion(); | |
| 78 | |
| 79 </script> | |
| OLD | NEW |
