eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-27 18:17:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Tests: Add IntersectionObserver tests for explicit element root

Browse Source 
Add tests verifying behavior when an IntersectionObserver has an
explicit element root:

- A target that is a descendant of the root should be reported as
  intersecting when it overlaps the root.
- A target that is NOT a descendant of the root but spatially overlaps
  it should NOT be reported as intersecting per spec step 3 of "run
  the update intersection observations steps". The expected output
  currently reflects the wrong (buggy) behavior.
This commit is contained in:
Andreas Kling
2026-03-22 08:39:38 -05:00
committed by Andreas Kling
parent f6f7e75ac9
commit 5e5dbae218
Notes: github-actions[bot] 2026-03-22 19:11:36 +00:00 
Author: https://github.com/awesomekling
Commit: https://github.com/LadybirdBrowser/ladybird/commit/5e5dbae2182
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/8574
4 changed files with 80 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
Tests/LibWeb/Text/input/IntersectionObserver/explicit-root-non-descendant-should-not-intersect.html Normal file
View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<style>
#root {
width: 200px;
height: 200px;
background: blue;
}
#non-descendant {
width: 100px;
height: 100px;
background: red;
position: absolute;
top: 0;
left: 0;
}
</style>
<script src="../include.js"></script>
<div id="root"></div>
<div id="non-descendant"></div>
<script>
asyncTest(done => {
// Observe a target that spatially overlaps the root but is NOT a descendant.
// Per spec step 3: "If the intersection root is an Element, and target is not
// a descendant of the intersection root, skip to step 11."
// This means the target should be reported as non-intersecting (step 11 defaults).
let callbackCount = 0;
let observer = new IntersectionObserver(entries => {
callbackCount++;
entries.forEach(entry => {
println(`callback ${callbackCount}: isIntersecting=${entry.isIntersecting}, ratio=${entry.intersectionRatio}`);
});
if (callbackCount === 1) {
// After initial callback, wait a couple frames to confirm no further callbacks fire.
requestAnimationFrame(() => {
requestAnimationFrame(() => {
println(`total callbacks: ${callbackCount}`);
done();
});
});
}
}, { root: document.getElementById("root") });
observer.observe(document.getElementById("non-descendant"));
});
</script>