navigation-auto-excludes-reload.html (954B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View transitions: basic cross-document navigation</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <link rel="author" href="mailto:bokan@chromium.org"> 6 <link rel="match" href="navigation-auto-excludes-reload-ref.html"> 7 <script src="/common/reftest-wait.js"></script> 8 <style> 9 @view-transition { 10 navigation: auto; 11 } 12 html { 13 background: limegreen; 14 } 15 ::view-transition { 16 background-color: red; 17 } 18 ::view-transition-group(root) { 19 animation-duration: 300s; 20 } 21 ::view-transition-old(root), 22 ::view-transition-new(root) { 23 opacity: 0; 24 animation: none; 25 } 26 </style> 27 <script> 28 if (location.hash == '#loaded') { 29 onload = () => requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)); 30 } else { 31 onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest)); 32 } 33 34 function runTest() { 35 location.hash = 'loaded'; 36 location.reload(); 37 } 38 </script> 39 </html>