| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>TestDriver actions: pointerevent properties of touch type</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-actions.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| |
| <style> |
| div#test { |
| position: fixed; |
| touch-action: none; |
| top: 5px; |
| left: 5px; |
| width: 100px; |
| height: 100px; |
| background-color: blue; |
| } |
| </style> |
| |
| <div id="test"> |
| </div> |
| |
| <script> |
| let pointerDownEvent; |
| let pointerMoveEvent; |
| let receivedPointerDown = false; |
| |
| async_test(t => { |
| let test = document.getElementById("test"); |
| var eventList = ['pointermove', 'pointerdown']; |
| for (eventType of eventList) { |
| test.addEventListener(eventType, e => { |
| if (e.type == 'pointerdown') { |
| receivedPointerDown = true; |
| pointerDownEvent = e; |
| } |
| if (e.type == 'pointermove' && receivedPointerDown) |
| pointerMoveEvent = e; |
| }); |
| } |
| |
| let div = document.getElementById("test"); |
| let actions = new test_driver.Actions() |
| .addPointer("touchPointer1", "touch") |
| .pointerMove(0, 0, {origin: test}) |
| .pointerDown({width:23, height:31, pressure:0.78, tiltX:21, tiltY:-8, twist:355}) |
| .pointerMove(15, 0, {origin: test, width:39, height:35, pressure:0.91, tiltX:-19, tiltY:62, twist:345}) |
| .pointerUp() |
| .send() |
| .then(t.step_func_done(() => { |
| assert_equals(pointerDownEvent.type, "pointerdown"); |
| assert_equals(pointerDownEvent.pointerType, "touch"); |
| assert_equals(pointerDownEvent.width, 23); |
| assert_equals(pointerDownEvent.height, 31); |
| assert_equals(Math.round(pointerDownEvent.pressure * 100) / 100, 0.78); |
| assert_equals(pointerDownEvent.tiltX, 21); |
| assert_equals(pointerDownEvent.tiltY, -8); |
| assert_equals(pointerDownEvent.twist, 355); |
| assert_equals(pointerMoveEvent.type, "pointermove"); |
| assert_equals(pointerMoveEvent.pointerType, "touch"); |
| assert_equals(pointerMoveEvent.width, 39); |
| assert_equals(pointerMoveEvent.height, 35); |
| assert_equals(Math.round(pointerMoveEvent.pressure * 100) / 100, 0.91); |
| assert_equals(pointerMoveEvent.tiltX, -19); |
| assert_equals(pointerMoveEvent.tiltY, 62); |
| assert_equals(pointerMoveEvent.twist, 345); |
| })).catch(e => t.step_func(() => assert_unreached("Actions sequence failed " + e))); |
| }); |
| </script> |