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

Update web-platform-tests to revision d7afcb8708eac08a614d161d5622a48172daf7e3

Browse source
This commit is contained in:
WPT Sync Bot 2019-05-15 10:40:54 -04:00 • committed by Josh Matthews
parent 6f8bb4dd40
commit edff458e23
791 changed files with 17647 additions and 10322 deletions
Download patch file Download diff file Expand all files Collapse all files

77
tests/wpt/web-platform-tests/css/css-scroll-snap/scroll-snap-stop-change.html Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-scroll-snap/#scroll-snap-stop" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
div, html, body {
margin: 0;
padding: 0;
}
html {
scroll-snap-type: x mandatory;
overflow: scroll;
}
#scroller {
scroll-snap-type: x mandatory;
overflow: scroll;
height: 300px;
width: 300px;
}
.large_space {
width: 2000px;
height: 2000px;
}
.snap_area {
scroll-snap-align: none start;
width: 100px;
height: 100px;
background-color: blue;
}
.snap_area:nth-child(1) {
margin-left: 100px;
}
.snap_area:nth-child(2) {
margin-left: 300px;
}
.snap_area:nth-child(3) {
margin-left: 500px;
}
</style>
<!-- Add snap area to the root scroller -->
<div class="snap_area"></div>
<div class="snap_area"></div>
<div class="snap_area"></div>
<div id="scroller">
<div class="snap_area"></div>
<div class="snap_area"></div>
<div class="snap_area"></div>
<div class="large_space"></div>
</div>
<div class="large_space"></div>
<script>
const scrollers = [document.scrollingElement, document.getElementById("scroller")];
for (const scroller of scrollers) {
test(_ => {
assert_equals(scroller.scrollLeft, 0); // sanity check
scroller.querySelectorAll('.snap_area').forEach(area => area.style.scrollSnapStop = 'always');
scroller.scrollBy(500, 0);
assert_equals(scroller.scrollLeft, 100, "scrollBy should not skip area with stop always");
scroller.querySelectorAll('.snap_area').forEach(area => area.style.scrollSnapStop = 'normal');
scroller.scrollBy(500, 0);
assert_equals(scroller.scrollLeft, 500, "scrollBy should skip secon area with stop normal");
// When snap type is changed back to mandatory, scrolling should snap.
scroller.querySelectorAll('.snap_area').forEach(area => area.style.scrollSnapStop = 'always');
scroller.scrollBy(-500, 0);
assert_equals(scroller.scrollLeft, 300, "scrollBy should not skip area with stop always");
}, `scroll-snap-stop for areas on ${scroller.nodeName} should control snapping behavior and changing it takes effect`);
}
</script>