2 <html class=reftest-wait
>
3 <link rel=
"help" href=
"https://github.com/WICG/view-transitions">
4 <link rel=
"author" href=
"mailto:vmpstr@chromium.org">
5 <link rel=
"match" href=
"root-to-shared-animation-incoming-ref.html">
7 <script src=
"/common/reftest-wait.js"></script>
11 background: lightgreen;
22 html::view-transition-group(*) { animation-delay:
300s; }
23 html::view-transition-new(*) { animation: unset; opacity:
1; }
24 html::view-transition-old(*) { animation: unset; opacity:
0; }
30 failIfNot(document
.startViewTransition
, "Missing document.startViewTransition");
32 async
function runTest() {
33 document
.startViewTransition(() => {
34 document
.documentElement
.style
.viewTransitionName
= "none";
35 box
.style
.viewTransitionName
= "root";
36 // We should not see the "live" body at all.
37 document
.body
.style
.background
= "red";
39 requestAnimationFrame(() => requestAnimationFrame(takeScreenshot
));
42 onload
= () => requestAnimationFrame(() => requestAnimationFrame(runTest
));