Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /selection/textcontrols/selectionchange-bubble.html - WPT Dashboard Interop Dashboard
<!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>