input-events-spin-button-click-on-number-input-delete-document.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /input-events/input-events-spin-button-click-on-number-input-delete-document.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

<iframe id="iframe"></iframe>

<script>

  const frame = document.getElementById("iframe");

  function loadIframe(doc) {

    return new Promise((resolve) => {

      frame.addEventListener("load", resolve);

      frame.srcdoc = doc;

});

  promise_test(async function () {

    await loadIframe(

      "<input type='number' style='width: 100px; height: 20px'>"

);

    const inputElement = frame.contentDocument.querySelector("input");

    let events = [];

    inputElement.addEventListener("beforeinput", () => {

      frame.remove();

      events.push("beforeinput");

});

    inputElement.addEventListener("input", () => {

      events.push("input");

});

    inputElement.addEventListener("change", () => {

      events.push("change");

});

    // Roughly get the offset to the spin up arrow button's center point within

    // the iframe's viewport. Note that this is fragile and might need specific

    // coordinates for each browser and maybe platform.

    const rect = inputElement.getBoundingClientRect();

    const x = rect.x + rect.width - 10;

    const y = rect.y + Math.round(rect.height / 4);

    const actions = new test_driver.Actions()

      .setContext(frame.contentWindow)

      .pointerMove(x, y, { origin: "viewport" })

      .pointerDown()

      .pointerUp();

    await actions.send();

    assert_array_equals(events, ['beforeinput']);

    assert_false(document.body.contains(frame));

  }, "Number input should not crash and not fire subsequent events when event handler removes document");

</script>

</body>

</html>