chromium-paint-holding-timeout.html (1285B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <title>View Transitions: paint holding timeout cancels transition (new page)</title> 5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 6 <link rel="author" href="mailto:vmpstr@chromium.org"> 7 <link rel="match" href="chromium-paint-holding-timeout-ref.html"> 8 <link rel="assert" content="Ensures paint holding timeout cancels transition. Note that this is a Chromium only test"> 9 <script src="/common/reftest-wait.js"></script> 10 <style> 11 @view-transition { 12 navigation: auto; 13 } 14 .right { 15 view-transition-name: target; 16 width: 100px; 17 height: 100px; 18 position: relative; 19 left: 300px; 20 background: green; 21 } 22 ::view-transition-group(*), 23 ::view-transition-new(*), 24 ::view-transition-old(*) { 25 animation-play-state: paused; 26 } 27 </style> 28 <link rel=expect href="#target" blocking=render> 29 </head> 30 31 <!-- delay for 3 seconds, then 1 second, then 1 second, then 1 second --> 32 <script src="/loading/resources/dummy.js?pipe=trickle(d3)"></script> 33 <script src="/loading/resources/dummy.js?pipe=trickle(d1)"></script> 34 <script src="/loading/resources/dummy.js?pipe=trickle(d1)"></script> 35 <script src="/loading/resources/dummy.js?pipe=trickle(d1)"></script> 36 37 <div id=target class=right></div> 38 39 <script> 40 takeScreenshot(); 41 </script>