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

Update web-platform-tests to revision b'5656a2f4653b5894c500b724778009ca9a26e48c'

Browse source
This commit is contained in:
WPT Sync Bot 2022-12-23 01:32:03 +00:00
parent cc6026d81e
commit 41d386c907
861 changed files with 3963 additions and 1531 deletions
Download patch file Download diff file Expand all files Collapse all files

54
tests/wpt/web-platform-tests/scroll-animations/css/named-range-keyframes-with-document-timeline.tentative.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>Named range keyframe offset when you have a document timeline</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/web-animations/testcommon.js"></script>
<script src="support/testcommon.js"></script>
<style>
@keyframes fade-in-animation {
from { opacity: 0 }
enter 0% { opacity: 0 }
enter 100% { opacity: 1 }
exit 0% { opacity: 1 }
exit 100% { opacity: 0 }
to { opacity: 1 }
}
#subject {
background-color: blue;
height: 200px;
width: 200px;
animation: linear both fade-in-animation;
animation-duration: 0.1s;
animation-play-state: paused;
}
</style>
<body onload="runTests()">
<div id="subject"></div>
</body>
<script type="text/javascript">
setup(assert_implements_animation_timeline);
function runTests() {
promise_test(async t => {
const anim = subject.getAnimations()[0];
anim.currentTime = -1;
assert_equals(getComputedStyle(subject).opacity, "0",
'unexpected value in the before phase');
anim.currentTime = 50;
assert_equals(getComputedStyle(subject).opacity, "0.5",
'unexpected value in the middle of the animation');
anim.currentTime = 100;
assert_equals(getComputedStyle(subject).opacity, "1",
'unexpected value in the after phase');
});
}
</script>
</html>