Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-view-transitions/no-white-flash-before-activation.html
<!DOCTYPE html> <html class="reftest-wait"> <head> <title>View Transitions: No white flash should be visible during the duration of the update callback</title> <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/#ref-for-captured-in-a-view-transition"> <link rel="match" href="no-white-flash-before-activation-ref.html"> <style> body { margin: 0; } div { width: 100vw; height: 100vh; background-color: #000; } </style> </head> <body> <div></div> <script src="/common/reftest-wait.js"></script> <script> failIfNot(document.startViewTransition, "Missing document.startViewTransition"); addEventListener("load", () => { document.startViewTransition(() => { requestAnimationFrame(takeScreenshot); return new Promise(() => {}); }); }); </script> </body> </html>
/css/css-view-transitions/no-white-flash-before-activation-ref.html
<!DOCTYPE html> <html> <body style="background-color: #000;"></body> </html>