33 lines
1,021 B
HTML
33 lines
1,021 B
HTML
<!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>
|