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 b'b728032f59a396243864b0f8584e7211e3632005'

Browse source
This commit is contained in:
WPT Sync Bot 2022-11-10 01:22:36 +00:00
parent ace9b32b1c
commit df68c4e5d1
15632 changed files with 514865 additions and 155000 deletions
Download patch file Download diff file Expand all files Collapse all files

57
tests/wpt/web-platform-tests/css/css-scroll-snap/scroll-target-margin-006.html Normal file
View file

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<title>scrollIntoView() and scroll-margin applied to an inline element</title>
<link rel='author' title='Martin Robinson' href='http://igalia.com'>
<link rel='help' href='https://www.w3.org/TR/css-scroll-snap-1/#scroll-margin'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type='text/css'>
.container {
border: solid black 1px;
height: 40px;
width: 40px;
overflow: auto;
}
</style>
<div class="container">
<div style="height: 1000px; width: 2000px;"></div>
<div style="width: 2000px;">
<span>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
<span id="target">TARGETTARGETTARGETTARGET</span>
<span>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
</div>
<div style="height: 1000px; width: 2000px;"></div>
</div>
<script>
test(() => {
target.scrollIntoView();
const scroller = target.parentElement.parentElement;
let expectedScrollPosition = [scroller.scrollLeft - 20, scroller.scrollTop - 20];
scroller.scrollTo(0, 0);
target.style.scrollMarginTop = "20px";
target.style.scrollMarginLeft = "20px";
target.scrollIntoView();
assert_equals(scroller.scrollLeft, expectedScrollPosition[0]);
assert_equals(scroller.scrollTop, expectedScrollPosition[1]);
target.style.scrollMarginTop = "0px";
target.style.scrollMarginLeft = "0px";
scroller.scrollTo(2000, 2000);
target.scrollIntoView({"block": "end", "inline": "end"});
expectedScrollPosition = [scroller.scrollLeft + 20, scroller.scrollTop + 20];
scroller.scrollTo(2000, 2000);
target.style.scrollMarginBottom = "20px";
target.style.scrollMarginRight = "20px";
target.scrollIntoView({"block": "end", "inline": "end"});
assert_equals(scroller.scrollLeft, expectedScrollPosition[0]);
assert_equals(scroller.scrollTop, expectedScrollPosition[1]);
}, "scroll-margin is taken into account when scrolling an inline element into view");
</script>