<!DOCTYPE html>
<script src="../include.js"></script>
<div contenteditable="true" id="d1">foobar</div>
<div contenteditable="true" id="d2"><ul><li>foobar</li></ul></div>
<div contenteditable="true" id="d3"><ol><li>foobar</li></ol></div>
<script>
    test(() => {
        const range = document.createRange();
        getSelection().addRange(range);

        // Create unordered list of 'foobar'
        const div1 = document.querySelector('#d1');
        range.setStart(div1.firstChild, 0);
        range.setEnd(