summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/selection/textcontrols/selectionchange-bubble.html
blob: 834b32bdd3b8fd63d18d3a0b7cad47b8473506c4 (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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test selectionchange events bubbling from text controls</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<input id="input" width="200" value="foo"><br>
<textarea id="textarea" width="200">foo</textarea>

<script>
  function untilEvent(element, eventName) {
    return new Promise(resolve => {
      element.addEventListener(eventName, resolve, { once: true });
    });
  }

  for (const element of [input, textarea]) {
    const name = element.localName;
    for (const focus of [false, true]) {
      let focused = focus ? " when focused" : "";
      let offset = focus ? 2 : 1;
      promise_test(async () => {
        if (focus) {
          element.focus();
        }

        element.setSelectionRange(offset, offset);
        const ev = await untilEvent(element, "selectionchange");
        assert_equals(ev.bubbles, true);
      }, `selectionchange bubbles from ${name}${focused}`);
    }
  }
</script>