Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-08 15:05:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'468d01bbd84da2babf265c6af46947be68713440'

Browse source
This commit is contained in:
WPT Sync Bot 2021-09-07 11:16:33 +00:00 • committed by cybai
parent 35e95f55a1
commit 58e8ee674b
9438 changed files with 266112 additions and 106976 deletions
Download patch file Download diff file Expand all files Collapse all files

35
tests/wpt/web-platform-tests/css/css-scroll-snap/overflowing-snap-areas.html
View file

@ -24,16 +24,16 @@ div {
}
.target {
scroll-snap-align: start;
height: 400px;
width: 400px;
}
.large-x {
width: 3000px;
height: 400px;
background-color: yellow;
}
.large-y {
width: 400px;
height: 2000px;
background-color: green;
background-color: yellow;
}
.small {
height: 200px;
@ -72,11 +72,25 @@ div {
<div class="target large-x" style="top: 200px"></div>
</div>
<div class="scroller-x" id="overlapping-overflow" style="scroll-snap-type: both mandatory">
<div class="space"></div>
<div style="left: 200px; top: 200px;">
<div class="target small"></div>
<div class="target small"></div>
<div class="target small"></div>
<div class="target large-y large-x"></div>
<div class="target small"></div>
<div class="target small"></div>
<div class="target small"></div>
</div>
</div>
<script>
var one_target_scroller = document.getElementById("one-target");
var scroller_x = document.getElementById("x");
var scroller_y = document.getElementById("y");
var two_axes_scroller = document.getElementById("two-axes");
var overlapping_scroller = document.getElementById("overlapping-overflow");
test(() => {
one_target_scroller.scrollTo(10, 0);
@ -165,4 +179,19 @@ test(() => {
}, "Snap to current scroll position on x as the area is covering x axis." +
"However, we snap to the specified snap position on y as the area is not " +
"covering y axis.");
test(() => {
overlapping_scroller.scrollTo(200, 800);
assert_equals(overlapping_scroller.scrollLeft, 200);
assert_equals(overlapping_scroller.scrollTop, 800);
}, "snap to current scroll position on y as the area is covering y axis, " +
"even though that area is not the only scroll area at the same position.");
test(() => {
overlapping_scroller.scrollTo(800, 200);
assert_equals(overlapping_scroller.scrollLeft, 800);
assert_equals(overlapping_scroller.scrollTop, 200);
}, "snap to current scroll position on x as the area is covering x axis, " +
"even though that area is not the only scroll area at the same position.");
</script>
</script>