Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 20:50:07 +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

40
tests/wpt/web-platform-tests/scroll-animations/css/progress-based-animation-timeline.html
View file

@ -5,16 +5,12 @@
<script src="/resources/testharnessreport.js"></script>
<script src="/web-animations/testcommon.js"></script>
<style>
#scrollers {
main > div {
overflow: hidden;
height: 0px;
}
#scrollers > div {
overflow: scroll;
width: 100px;
height: 100px;
}
#scrollers > div > div {
main > div > div {
height: 200px;
}
@ -23,10 +19,8 @@
to { top: 200px; }
}
@scroll-timeline top_timeline {
source: selector(#scroller1);
start: 0px;
end: 100px;
#scroller1 {
scroll-timeline: top_timeline;
}
#element {
@ -40,19 +34,19 @@
#element { animation-play-state: paused; }
}
</style>
<div id=scrollers>
<main>
<div id=scroller1><div></div></div>
</div>
<div id=element></div>
<div id=element></div>
</main>
<script>
// Force layout of scrollers.
scroller1.offsetTop;
scroller1.scrollTop = 20;
promise_test(async (t) => {
await waitForNextFrame();
assert_equals(getComputedStyle(element).top, '120px');
}, 'progress based animation timeline works');
window.onload = async () => {
promise_test(async (t) => {
await waitForNextFrame();
const anim = document.getAnimations()[0];
await anim.ready;
scroller1.scrollTop = 20;
await waitForNextFrame();
assert_equals(getComputedStyle(element).top, '120px');
}, 'progress based animation timeline works');
};
</script>