dmaax/ladybird
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

LibWeb: Add internals.dumpLayoutTree(node) API

Browse source 
This new testing API dumps the layout subtree rooted at a given DOM
node. It will be useful for testing partial layout tree rebuilds, where
we need to verify the layout tree structure for specific subtrees rather
than the entire document.
This commit is contained in:
Aliaksandr Kalenik 2026-02-09 20:23:05 +01:00 committed by Jelle Raaijmakers
parent aa24da8a93
commit 5be98aaa07
5 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
Libraries/LibWeb/Internals/Internals.cpp
View file

@ -20,6 +20,7 @@
#include <LibWeb/DOM/EventTarget.h>
#include <LibWeb/DOM/NodeList.h>
#include <LibWeb/DOMURL/DOMURL.h>
#include <LibWeb/Dump.h>
#include <LibWeb/Fetch/Fetching/Fetching.h>
#include <LibWeb/HTML/HTMLElement.h>
#include <LibWeb/HTML/Navigable.h>
@ -463,6 +464,19 @@ String Internals::dump_display_list()
return window().associated_document().dump_display_list();
}
String Internals::dump_layout_tree(GC::Ref<DOM::Node> node)
{
node->document().update_layout(DOM::UpdateLayoutReason::Debugging);
auto* layout_node = node->layout_node();
if (!layout_node)
return "(no layout node)"_string;
StringBuilder builder;
Web::dump_tree(builder, *layout_node);
return builder.to_string_without_validation();
}
String Internals::dump_stacking_context_tree()
{
return window().associated_document().dump_stacking_context_tree();

1
Libraries/LibWeb/Internals/Internals.h
View file

@ -89,6 +89,7 @@ public:
bool headless();
String dump_display_list();
String dump_layout_tree(GC::Ref<DOM::Node>);
String dump_stacking_context_tree();
String dump_gc_graph();

1
Libraries/LibWeb/Internals/Internals.idl
View file

@ -70,6 +70,7 @@ interface Internals {
readonly attribute boolean headless;
DOMString dumpDisplayList();
DOMString dumpLayoutTree(Node node);
DOMString dumpStackingContextTree();
DOMString dumpGCGraph();

8
Tests/LibWeb/Text/expected/Internals/dump-layout-tree.txt Normal file
View file

@ -0,0 +1,8 @@
BlockContainer <div#target> at [8,8] [0+0+0 100 0+0+684] [0+0+0 50 0+0+0] children: inline
TextNode <#text> (not painted)
InlineNode <span> at [8,8] [0+0+0 39.78125 0+0+0] [0+0+0 18 0+0+0]
frag 0 from TextNode start: 0, length: 5, rect: [8,8 39.78125x18] baseline: 13.796875
"Hello"
TextNode <#text> (not painted)
TextNode <#text> (not painted)

11
Tests/LibWeb/Text/input/Internals/dump-layout-tree.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<script src="../include.js"></script>
<div id="target" style="width: 100px; height: 50px;">
<span>Hello</span>
</div>
<script>
test(() => {
const el = document.getElementById("target");
println(internals.dumpLayoutTree(el));
});
</script>