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

Tests: Import tests for scrollParent() and offsetParent()

Browse Source
This commit is contained in:
Sam Atkins
2025-06-24 12:33:42 +01:00
committed by Jelle Raaijmakers
parent 2ff9e1d038
commit 8b6c32e3ab
Notes: github-actions[bot] 2025-06-24 13:27:45 +00:00 
Author: https://github.com/AtkinsSJ
Commit: https://github.com/LadybirdBrowser/ladybird/commit/8b6c32e3abc
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5195
Reviewed-by: https://github.com/gmta ✅
6 changed files with 394 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
Tests/LibWeb/Text/input/wpt-import/css/cssom-view/scrollParent.html Normal file
View File

@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<title>CSSOM View —— scrollParent test</title>
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-htmlelement-scrollparent">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
.scroller {
overflow: scroll;
height: 100px;
}
.hidden {
overflow: hidden;
}
.clip {
overflow: clip;
}
.relpos {
position: relative;
}
.abspos {
position: absolute;
}
.fixedpos {
position: fixed;
}
#noBox {
display: none;
}
.contains-fixed {
contain: paint;
}
</style>
</head>
<body>
<div id="childOfRoot"></div>
<div class="contains-fixed">
<div id="fixedContainedByRoot" class="fixedpos"></div>
</div>
<div id="scroller3" class="scroller">
<div id="fixedToRoot" class="fixedpos"></div>
<!-- Contains the fixed positioned descendant. -->
<div class="contains-fixed">
<div id="scroller2" class="scroller">
<!-- Contains the absolute positioned descendant. -->
<div class="relpos">
<div id="scroller1" class="scroller">
<div>
<div id="normalChild"></div>
<div id="noBox"></div>
<div id="absPosChild" class="abspos"></div>
<div id="fixedPosChild" class="fixedpos"></div>
</div>
<!-- Overflow: hidden is also a scroll container. -->
<div id="hidden" class="hidden">
<div id="childOfHidden"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
test(() => { assert_equals(normalChild.scrollParent, scroller1); },
"scrollParent returns the nearest scroll container.");
test(() => { assert_equals(childOfHidden.scrollParent, hidden); },
"hidden element is a scroll container.");
test(() => { assert_equals(noBox.scrollParent, null); },
"Element with no box has null scrollParent.");
test(() => { assert_equals(absPosChild.scrollParent, scroller2); },
"scrollParent follows absolute positioned containing block chain.");
test(() => { assert_equals(fixedPosChild.scrollParent, scroller3); },
"scrollParent follows fixed positioned containing block chain.");
test(() => { assert_equals(fixedToRoot.scrollParent, null); },
"scrollParent of element fixed to root is null.");
test(() => { assert_equals(childOfRoot.scrollParent, document.scrollingElement); },
"scrollParent of child in root viewport returns document scrolling element.");
test(() => { assert_equals(fixedContainedByRoot.scrollParent, document.scrollingElement); },
"scrollParent of fixed element contained within root is document scrolling element.");
test(() => { assert_equals(document.body.scrollParent, null); },
"scrollParent of body is null.");
</script>
</html>