chromium-paint-holding-timeout.html (952B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View Transitions: paint holding timeout cancels transition</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <link rel="author" href="mailto:vmpstr@chromium.org"> 6 <link rel="match" href="chromium-paint-holding-timeout-ref.html"> 7 <link rel="assert" content="Ensures paint holding timeout cancels transition. Note that this is a Chromium only test"> 8 <script src="/common/reftest-wait.js"></script> 9 <script src="/web-animations/testcommon.js"></script> 10 <style> 11 @view-transition { 12 navigation: auto; 13 } 14 .left { 15 view-transition-name: target; 16 width: 100px; 17 height: 100px; 18 background: red; 19 } 20 </style> 21 22 <div class=left></div> 23 <script> 24 function runTest() { 25 const url = "resources/chromium-paint-holding-timeout.html"; 26 window.location.replace(new URL(url, window.location)); 27 } 28 onload = async () => { 29 await waitForCompositorReady(); 30 runTest(); 31 } 32 </script> 33 </html>