eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-30 11:37:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

LibWeb: Add test-only counters for :has() invalidation work

Browse Source 
Introduce a small set of counters on Document that track the work done
while processing :has() invalidation: how often the upward walk runs,
how many elements it visits, how often matches_has_pseudo_class() is
invoked, how well the per-pass result cache performs, and how many
elements transition from clean to needs-style-update.

Expose the counters through internals so tests can assert precise bounds
on the invalidation work triggered by a mutation, which regular
reference tests cannot express.

Add a css-has-invalidation test suite that covers subject-position,
non-subject-position, sibling-combinator, and no-:has() cases. The
baseline tests share a helper script so later coverage can reuse the
same counter-printing path.

The counters are test-only observation; they do not affect style
computation itself.
This commit is contained in:
Andreas Kling
2026-04-18 19:04:13 +02:00
committed by Alexander Kalenik
parent e5d4c5cce8
commit a72fae8d36
Notes: github-actions[bot] 2026-04-20 11:22:35 +00:00 
Author: https://github.com/awesomekling
Commit: https://github.com/LadybirdBrowser/ladybird/commit/a72fae8d369
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/8982
20 changed files with 286 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Tests/LibWeb/Text/input/css-has-invalidation/has-control-no-has-with-text-insert.html Normal file
View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<script src="../include.js"></script>
<script src="_helpers.js"></script>
<style>
/* No :has() rule. Same DOM and mutation as has-empty-pseudo so the
difference in styleInvalidations isolates the :has()-specific cost. */
</style>
<div class="anchor" id="anchor">
<div id="target"></div>
</div>
<script>
test(() => {
settleAndReset();
document.getElementById("target").appendChild(document.createTextNode("x"));
getComputedStyle(document.getElementById("anchor")).color;
printCounters("after text insert (no :has() rule)");
});
</script>