eventOrder.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /infrastructure/testdriver/actions/eventOrder.html - WPT Dashboard Interop Dashboard

<!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>