LibWeb: Invalidate the layout tree on DOM node insertion

Author: https://github.com/awesomekling
Commit: https://github.com/SerenityOS/serenity/commit/3cea86632d
Pull-request: https://github.com/SerenityOS/serenity/pull/19275
Reviewed-by: https://github.com/gmta ✅

Tests/LibWeb/Text/expected/append-child-must-update-layout-tree.txt

@@ -0,0 +1,2 @@
+Hello
+friends

Tests/LibWeb/Text/input/append-child-must-update-layout-tree.html

@@ -0,0 +1,8 @@
+<script src="include.js"></script>
+<script>
+    test(() => {
+        println("Hello");
+        document.body.offsetWidth // Force a layout
+        println("friends"); // This will append a text child to the output element, and should update the layout tree.
+    });
+</script>

Userland/Libraries/LibWeb/DOM/Node.cpp

@@ -487,6 +487,8 @@ void Node::insert_before(JS::NonnullGCPtr<Node> node, JS::GCPtr<Node> child, boo
 
     // FIXME: This will need to become smarter when we implement the :has() selector.
     invalidate_style();
+
+    document().invalidate_layout();
 }
 
 // https://dom.spec.whatwg.org/#concept-node-pre-insert