From 033cd9cab3355ec3e0997b20137ef1ec8a651024 Mon Sep 17 00:00:00 2001
From: Jelle Raaijmakers <jelle@ladybird.org>
Date: Sat, 30 Nov 2024 12:20:44 +0100
Subject: [PATCH] LibWeb: Add test for document.execCommand("delete")

Anchor the minimum functionality for this. WPT has an extensive suite
to test editing functionalities, but they all take a long time to
execute - so let's have a simple regression test in-tree for now.
---
 .../expected/Editing/execCommand-delete.txt    |  2 ++
 .../Text/input/Editing/execCommand-delete.html | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 Tests/LibWeb/Text/expected/Editing/execCommand-delete.txt
 create mode 100644 Tests/LibWeb/Text/input/Editing/execCommand-delete.html

diff --git a/Tests/LibWeb/Text/expected/Editing/execCommand-delete.txt b/Tests/LibWeb/Text/expected/Editing/execCommand-delete.txt
new file mode 100644
index 0000000000..5022da5f91
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/Editing/execCommand-delete.txt
@@ -0,0 +1,2 @@
+Before: foobar
+After: fobar
diff --git a/Tests/LibWeb/Text/input/Editing/execCommand-delete.html b/Tests/LibWeb/Text/input/Editing/execCommand-delete.html
new file mode 100644
index 0000000000..bb26a78709
--- /dev/null
+++ b/Tests/LibWeb/Text/input/Editing/execCommand-delete.html
@@ -0,0 +1,18 @@
+<script src="../include.js"></script>
+<div contenteditable="true">foobar</div>
+<script>
+    test(() => {
+        var divElm = document.querySelector('div');
+        println(`Before: ${divElm.textContent}`);
+
+        // Put cursor after 'foo'
+        var range = document.createRange();
+        range.setStart(divElm.childNodes[0], 3);
+        getSelection().addRange(range);
+
+        // Press backspace
+        document.execCommand('delete');
+
+        println(`After: ${divElm.textContent}`);
+    });
+</script>