selectionchange-on-shadow-dom.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /selection/textcontrols/selectionchange-on-shadow-dom.html - WPT Dashboard Interop Dashboard

<!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>