ladybird/Tests/LibWeb/Text/input/Editing/execCommand-insertHTML.html

<!DOCTYPE html>
<script src="../include.js"></script>
<div contenteditable="true">foobar</div>
<script>
    test(() => {
        var divElm = document.querySelector('div');

        // Put cursor between 'foo' and 'bar'
        var range = document.createRange();
        getSelection().addRange(range);
        range.setStart(divElm.childNodes[0], 3);
        range.setEnd(divElm.childNodes[0], 3);

        // Insert HTML
        document.execCommand('insertHTML', false, '<em>Ladybird</em>');

        println(divElm.innerHTML);
    });
</script>
Meta: Add DOCTYPEs to most text tests 2025-03-18 19:28:35 +01:00			`<!DOCTYPE html>`
LibWeb: Implement the "insertHTML" editing command 2025-01-10 09:33:38 +01:00			`<script src="../include.js"></script>`
			`<div contenteditable="true">foobar</div>`
			`<script>`
			`test(() => {`
			`var divElm = document.querySelector('div');`

			`// Put cursor between 'foo' and 'bar'`
			`var range = document.createRange();`
			`getSelection().addRange(range);`
			`range.setStart(divElm.childNodes[0], 3);`
			`range.setEnd(divElm.childNodes[0], 3);`

			`// Insert HTML`
			`document.execCommand('insertHTML', false, '<em>Ladybird</em>');`

			`println(divElm.innerHTML);`
			`});`
			`</script>`