penPointerEventProperties.html (2204B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>TestDriver actions: pointerevent properties of pen type</title> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-actions.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 10 <style> 11 div#test { 12 position: fixed; 13 touch-action: none; 14 top: 5px; 15 left: 5px; 16 width: 100px; 17 height: 100px; 18 background-color: blue; 19 } 20 </style> 21 22 <div id="test"> 23 </div> 24 25 <script> 26 let pointerDownEvent; 27 let pointerMoveEvent; 28 let receivedPointerDown = false; 29 30 promise_test(async t => { 31 let test = document.getElementById("test"); 32 var eventList = ['pointermove', 'pointerdown']; 33 for (eventType of eventList) { 34 test.addEventListener(eventType, e => { 35 if (e.type == 'pointerdown') { 36 receivedPointerDown = true; 37 pointerDownEvent = e; 38 } 39 if (e.type == 'pointermove' && receivedPointerDown) 40 pointerMoveEvent = e; 41 }); 42 } 43 44 let div = document.getElementById("test"); 45 await new test_driver.Actions() 46 .addPointer("penPointer1", "pen") 47 .pointerMove(0, 0, {origin: test}) 48 .pointerDown({pressure:0.36, tiltX:-72, tiltY:9, twist:86}) 49 .pointerMove(15, 0, {origin: test}) 50 .pointerUp() 51 .send(); 52 53 assert_equals(pointerDownEvent.type, "pointerdown"); 54 assert_equals(pointerDownEvent.pointerType, "pen"); 55 assert_equals(pointerDownEvent.width, 1); 56 assert_equals(pointerDownEvent.height, 1); 57 assert_equals(Math.round(pointerDownEvent.pressure * 100) / 100, 0.36); 58 assert_equals(pointerDownEvent.tiltX, -72); 59 assert_equals(pointerDownEvent.tiltY, 9); 60 assert_equals(pointerDownEvent.twist, 86); 61 assert_equals(pointerMoveEvent.type, "pointermove"); 62 assert_equals(pointerMoveEvent.pointerType, "pen"); 63 assert_equals(pointerMoveEvent.width, 1); 64 assert_equals(pointerMoveEvent.height, 1); 65 assert_equals(Math.round(pointerMoveEvent.pressure * 100) / 100, 0.5); 66 assert_equals(pointerMoveEvent.tiltX, 0); 67 assert_equals(pointerMoveEvent.tiltY, 0); 68 assert_equals(pointerMoveEvent.twist, 0); 69 }); 70 </script>