<!DOCTYPE html>
<meta charset="utf-8">
<title>Test selectionchange events fired on shadow dom</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="root"></div>
<script>
let root = document.getElementById('root');
let shadow = root.attachShadow({ mode: 'open' });
let input = document.createElement('input');
input.value = 'something to do 0';
shadow.append(input);
let events_on_document = [];
document.addEventListener("selectionchange", ev => {
events_on_document.push(ev);
});
promise_test(async () => {
input.focus();
events_on_document.length = 0;
input.setSelectionRange(0, 1);
await new Promise(resolve => step_timeout(resolve, 0));
assert_equals(events_on_document.length, 1);
}, "selectionchange event fired on a shadow dom bubble to the document");
</script>