mirror of
https://github.com/servo/servo.git
synced 2025-09-13 16:38:20 +01:00
Update web-platform-tests to revision ad219567030d1f99f7310f52a17546b57b70d29e
This commit is contained in:
parent
2c63d1296b
commit
a7e62acbe8
129 changed files with 4156 additions and 590 deletions
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Basic use of Worklet Animation</title>
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-animationworklet/">
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/web-animations/testcommon.js"></script>
|
||||
<script src="common.js"></script>
|
||||
|
||||
<div id="target"></div>
|
||||
|
||||
<script>
|
||||
promise_test(async t => {
|
||||
await registerConstantLocalTimeAnimator(500);
|
||||
const effect = new KeyframeEffect(target, [{ opacity: 0 }], { duration: 1000 });
|
||||
const animation = new WorkletAnimation('constant_time', effect);
|
||||
animation.play();
|
||||
|
||||
await waitForAsyncAnimationFrames(1);
|
||||
assert_equals(getComputedStyle(target).opacity, "0.5");
|
||||
}, "Simple worklet animation should output values at specified local time");
|
||||
</script>
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Worklet Animation with options</title>
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-animationworklet/">
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/web-animations/testcommon.js"></script>
|
||||
<script src="common.js"></script>
|
||||
|
||||
<div id="target"></div>
|
||||
|
||||
<script id="animate_with_options" type="text/worklet">
|
||||
registerAnimator("test_animator", class {
|
||||
constructor(options) {
|
||||
this.time_ = options.time;
|
||||
}
|
||||
animate(currentTime, effect) {
|
||||
effect.localTime = this.time_;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
promise_test(async t => {
|
||||
await runInAnimationWorklet(document.getElementById('animate_with_options').textContent);
|
||||
const target = document.getElementById('target');
|
||||
const effect = new KeyframeEffect(target, [{ opacity: 0 }], { duration: 1000 });
|
||||
const options = {'time': 500};
|
||||
const animation = new WorkletAnimation('test_animator', effect, document.timeline, options);
|
||||
animation.play();
|
||||
|
||||
await waitForAsyncAnimationFrames(1);
|
||||
assert_equals(getComputedStyle(target).opacity, "0.5");
|
||||
}, "Animator should be able to use options to update the animation");
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue