| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>TestDriver actions: event order</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> |
| |
| <button id="a">Button a</button> |
| <button id="b">Button b</button> |
| <input id="text-input"> |
| |
| <script> |
| // Pointer 1 is added before Pointer 2 so it comes first in the list of sources |
| // Therefore its actions happen first |
| let events = []; |
| |
| promise_test(() => { |
| Array.prototype.forEach.call(document.getElementsByTagName("button"), |
| (x) => x.addEventListener("mousedown", () => {events.push(x.id)})); |
| |
| let button_a = document.getElementById("a"); |
| let button_b = document.getElementById("b"); |
| return new test_driver.Actions() |
| .addPointer("pointer1") |
| .addPointer("pointer2") |
| .pointerMove(0, 0, {origin: button_a, sourceName: "pointer1"}) |
| .pointerMove(0, 0, {origin: button_b, sourceName: "pointer2"}) |
| .pointerDown({sourceName: "pointer2"}) |
| .pointerDown({sourceName: "pointer1"}) |
| .pointerUp({sourceName: "pointer2"}) |
| .pointerUp({sourceName: "pointer1"}) |
| .send() |
| .then(() => assert_array_equals(events, ["a", "b"])); |
| }); |
| |
| // This test uses a large number of keyboard sources to force race conditions |
| // in implementations which incorrectly dispatch events. Despite belonging to |
| // the same "tick," each action's initial event should be dispatched in series. |
| promise_test(() => { |
| const input = document.getElementById("text-input"); |
| const actions = new test_driver.Actions(); |
| const code_for_a = "a".charCodeAt(0); |
| const keys = Array.from(Array(26)) |
| .map((_, index) => ({ |
| sourceName: "keyboard" + index, |
| code: String.fromCharCode(code_for_a + index) |
| })); |
| |
| keys.forEach(({sourceName}) => actions.addKeyboard(sourceName)); |
| keys.forEach(({code, sourceName}) => actions.keyDown(code, {sourceName})); |
| keys.forEach(({code, sourceName}) => actions.keyUp(code,{sourceName})); |
| |
| return test_driver.click(input) |
| .then(() => actions.send()) |
| .then(() => { |
| assert_equals(input.value, "abcdefghijklmnopqrstuvwxyz"); |
| }); |
| }, "indivisible actions on the same track dispatch events in series"); |
| </script> |