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

<!DOCTYPE html>
<meta charset="utf-8">
<script src="../include.js"></script>
<div id="a" contenteditable>foobar</div>
<div id="b" contenteditable>a&nbsp;&nbsp;&nbsp;</div>
<div id="c" contenteditable>a&nbsp;&nbsp;b</div>
<div id="d" contenteditable>a&nbsp;&nbsp;&nbsp;b</div>
<div id="e" contenteditable>a&nbsp;&nbsp;&nbsp;&nbsp;b</div>
<div id="f" contenteditable>a&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;b</div>
<div id="g" contenteditable>&nbsp;&nbsp;b</div>
<div id="h" contenteditable>foo👩🏼‍❤️‍👨🏻bar</div>
<div id="i" contenteditable>foo<div>bar<br>baz</div></div>
<script>
    test(() => {
        const testForwardDelete = function(divId, anchorExpression, start, end = start) {
            println(`--- ${divId} ---`);
            const divElm = document.querySelector(`div#${divId}`);
            println(`Before: ${divElm.innerHTML}`);

            // Place cursor
            const anchor = anchorExpression(divElm);
            getSelection().setBaseAndExtent(anchor, start, anchor, end);

            // Press delete
            document.execCommand("forwardDelete");

            println(`After: ${divElm.innerHTML}`);
        };

        testForwardDelete("a", (node) => node.firstChild, 3);
        testForwardDelete("b", (node) => node.firstChild, 1);
        testForwardDelete("c", (node) => node.firstChild, 1);
        testForwardDelete("d", (node) => node.firstChild, 1);
        testForwardDelete("e", (node) => node.firstChild, 1);
        testForwardDelete("f", (node) => node.firstChild, 1);
        testForwardDelete("g", (node) => node.firstChild, 0);
        testForwardDelete("h", (node) => node.firstChild, 3);
        testForwardDelete("i", (node) => node.firstChild, 3);
    });
</script>
-												Meta: Add DOCTYPEs to most text tests

											
										
										
											2025-03-18 15:28:35 -03:00
+								<!DOCTYPE html>
-												Tests: Add explicit UTF-8 charset declarations to existing tests

											
										
										
											2026-05-18 08:35:08 -03:00
+								<meta charset="utf-8">
-												LibWeb: Implement the "forwardDelete" editing command

											
										
										
											2025-01-07 12:51:16 -03:00
+								<script src="../include.js"></script>
-												LibWeb: Extend logic for extraneous line breaks in block elements

While editing, we need to consider whether removing a <br> has any
effect on layout to determine whether its extraneous. This new condition
finds most cases for extraneous <br>s inside block elements.

											
										
										
											2025-09-15 08:56:19 -03:00
+								<div id="a" contenteditable>foobar</div>
 								<div id="b" contenteditable>a&nbsp;&nbsp;&nbsp;</div>
 								<div id="c" contenteditable>a&nbsp;&nbsp;b</div>
 								<div id="d" contenteditable>a&nbsp;&nbsp;&nbsp;b</div>
 								<div id="e" contenteditable>a&nbsp;&nbsp;&nbsp;&nbsp;b</div>
 								<div id="f" contenteditable>a&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;b</div>
 								<div id="g" contenteditable>&nbsp;&nbsp;b</div>
 								<div id="h" contenteditable>foo👩🏼‍❤️‍👨🏻bar</div>
 								<div id="i" contenteditable>foo<div>bar<br>baz</div></div>
-												LibWeb: Implement the "forwardDelete" editing command

											
										
										
											2025-01-07 12:51:16 -03:00
+								<script>
 								    test(() => {
-												LibWeb: Extend logic for extraneous line breaks in block elements

While editing, we need to consider whether removing a <br> has any
effect on layout to determine whether its extraneous. This new condition
finds most cases for extraneous <br>s inside block elements.

											
										
										
											2025-09-15 08:56:19 -03:00
+								        const testForwardDelete = function(divId, anchorExpression, start, end = start) {
-												LibWeb: Align editing whitespace canonicalization with other browsers

The spec calls for a couple of very specific whitespace padding
techniques whenever we canonicalize whitespace during the execution of
editing commands, but it seems that other browsers have a simpler
strategy - let's adopt theirs!

											
										
										
											2025-04-29 08:20:15 -03:00
+								            println(`--- ${divId} ---`);
 								            const divElm = document.querySelector(`div#${divId}`);
 								            println(`Before: ${divElm.innerHTML}`);
-												LibWeb: Implement the "forwardDelete" editing command

											
										
										
											2025-01-07 12:51:16 -03:00
-												LibWeb: Align editing whitespace canonicalization with other browsers

The spec calls for a couple of very specific whitespace padding
techniques whenever we canonicalize whitespace during the execution of
editing commands, but it seems that other browsers have a simpler
strategy - let's adopt theirs!

											
										
										
											2025-04-29 08:20:15 -03:00
+								            // Place cursor
-												LibWeb: Extend logic for extraneous line breaks in block elements

While editing, we need to consider whether removing a <br> has any
effect on layout to determine whether its extraneous. This new condition
finds most cases for extraneous <br>s inside block elements.

											
										
										
											2025-09-15 08:56:19 -03:00
+								            const anchor = anchorExpression(divElm);
 								            getSelection().setBaseAndExtent(anchor, start, anchor, end);
-												LibWeb: Implement the "forwardDelete" editing command

											
										
										
											2025-01-07 12:51:16 -03:00
-												LibWeb: Align editing whitespace canonicalization with other browsers

The spec calls for a couple of very specific whitespace padding
techniques whenever we canonicalize whitespace during the execution of
editing commands, but it seems that other browsers have a simpler
strategy - let's adopt theirs!

											
										
										
											2025-04-29 08:20:15 -03:00
+								            // Press delete
-												LibWeb: Extend logic for extraneous line breaks in block elements

While editing, we need to consider whether removing a <br> has any
effect on layout to determine whether its extraneous. This new condition
finds most cases for extraneous <br>s inside block elements.

											
										
										
											2025-09-15 08:56:19 -03:00
+								            document.execCommand("forwardDelete");
-												LibWeb: Implement the "forwardDelete" editing command

											
										
										
											2025-01-07 12:51:16 -03:00
-												LibWeb: Align editing whitespace canonicalization with other browsers

The spec calls for a couple of very specific whitespace padding
techniques whenever we canonicalize whitespace during the execution of
editing commands, but it seems that other browsers have a simpler
strategy - let's adopt theirs!

											
										
										
											2025-04-29 08:20:15 -03:00
+								            println(`After: ${divElm.innerHTML}`);
 								        };
-												LibWeb: Extend logic for extraneous line breaks in block elements

While editing, we need to consider whether removing a <br> has any
effect on layout to determine whether its extraneous. This new condition
finds most cases for extraneous <br>s inside block elements.

											
										
										
											2025-09-15 08:56:19 -03:00
+								        testForwardDelete("a", (node) => node.firstChild, 3);
 								        testForwardDelete("b", (node) => node.firstChild, 1);
 								        testForwardDelete("c", (node) => node.firstChild, 1);
 								        testForwardDelete("d", (node) => node.firstChild, 1);
 								        testForwardDelete("e", (node) => node.firstChild, 1);
 								        testForwardDelete("f", (node) => node.firstChild, 1);
 								        testForwardDelete("g", (node) => node.firstChild, 0);
 								        testForwardDelete("h", (node) => node.firstChild, 3);
 								        testForwardDelete("i", (node) => node.firstChild, 3);
-												LibWeb: Implement the "forwardDelete" editing command

											
										
										
											2025-01-07 12:51:16 -03:00
+								    });
 								</script>