mirror of
https://github.com/servo/servo.git
synced 2025-08-13 09:25:32 +01:00
Update web-platform-tests to revision b'4a4653e088039aec186d6dc1d488120d77695c3a'
This commit is contained in:
parent
470a50ab60
commit
6337336fab
1043 changed files with 19705 additions and 6973 deletions
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html class=reftest-wait>
|
||||
<title>View transitions: set current time</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/">
|
||||
<link rel="author" href="mailto:vmpstr@chromium.org">
|
||||
<link rel="match" href="set-current-time-ref.html">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
:root { view-transition-name: unset; }
|
||||
.target {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
contain: layout;
|
||||
background: blue;
|
||||
view-transition-name: target;
|
||||
}
|
||||
|
||||
html::view-transition-group(*) {
|
||||
animation: unset;
|
||||
}
|
||||
html::view-transition-old(*) {
|
||||
animation: unset;
|
||||
}
|
||||
html::view-transition-new(target) {
|
||||
animation-duration: 1s;
|
||||
animation-timing-function: linear;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id=target></div>
|
||||
|
||||
<script>
|
||||
async function runTest() {
|
||||
let transition = document.startViewTransition(() => target.classList.add("target"));
|
||||
transition.ready.then(() => {
|
||||
requestAnimationFrame(() => requestAnimationFrame(() => {
|
||||
document.getAnimations().forEach((animation) => {
|
||||
animation.currentTime = 500;
|
||||
});
|
||||
requestAnimationFrame(takeScreenshot);
|
||||
}));
|
||||
});
|
||||
}
|
||||
onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
|
||||
</script>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue