mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 01:35:08 +02:00
5e5dbae218
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.
32 lines
871 B
HTML
32 lines
871 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#root {
|
|
width: 200px;
|
|
height: 200px;
|
|
background: blue;
|
|
}
|
|
#descendant {
|
|
width: 100px;
|
|
height: 100px;
|
|
background: red;
|
|
}
|
|
</style>
|
|
<script src="../include.js"></script>
|
|
<div id="root"><div id="descendant"></div></div>
|
|
<script>
|
|
asyncTest(done => {
|
|
// A target that IS a descendant of the explicit root should be reported as intersecting.
|
|
let observer = new IntersectionObserver(entries => {
|
|
entries.forEach(entry => {
|
|
println(`isIntersecting=${entry.isIntersecting}`);
|
|
if (entry.isIntersecting) {
|
|
println(`ratio=${entry.intersectionRatio}`);
|
|
done();
|
|
}
|
|
});
|
|
}, { root: document.getElementById("root") });
|
|
|
|
observer.observe(document.getElementById("descendant"));
|
|
});
|
|
</script>
|