summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/mozilla/tests/dom/dispatch_select_event.html
blob: 1fb70aa5b1a38a2af2e189b69e5f1abdd156f984 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!-- See also Bug 1679427.
Ensure `select` event is only fired once when tab-ing to an `<input>` element.
-->
<!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-vendor.js"></script>
</head>
<body>
    <button>Press this button and Press Tab</button><input value="abc">
    <script>
        promise_test(async t => {
            await new Promise(resolve => { window.onload = resolve; });
            const button = document.querySelector("button");
            const input = document.querySelector("input");

            let countSelectEvent = 0;
            input.addEventListener("select", event => {
                countSelectEvent++;
            });

            button.focus();
            const tabKey = "\uE004";
            await test_driver.send_keys(button, tabKey);
            await new Promise(resolve => requestAnimationFrame(
                () => requestAnimationFrame(resolve)
            ));
            assert_equals(countSelectEvent, 1, "Select event was fired more than once!");
        }, "Select event should only be fired once.");
    </script>
</body>
</html>