tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

empty-render-target-capture.html (1047B)

      1 <!DOCTYPE html>
      2 <html class=reftest-wait>
      3 <title>View transitions: empty render surface capture</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
      5 <link rel="author" href="mailto:vmpstr@chromium.org">
      6 <link rel="match" href="empty-render-target-capture-ref.html">
      7 <script src="/common/reftest-wait.js"></script>
      8 <script src="/dom/events/scrolling/scroll_support.js"></script>
      9 <style>
     10 
     11 :root {
     12  view-transition-name: none;
     13 }
     14 .container {
     15  view-transition-name: container;
     16  width: 0px;
     17  height: 0px;
     18 }
     19 .child {
     20  view-transition-name: child;
     21  width: 100px;
     22  height: 100px;
     23  background: green;
     24  will-change: opacity;
     25 }
     26 
     27 ::view-transition-group(*),
     28 ::view-transition-image-pair(*),
     29 ::view-transition-old(*),
     30 ::view-transition-new(*) {
     31  animation-play-state: paused;
     32 }
     33 </style>
     34 
     35 <div class=container>
     36  <div class=child></div>
     37 </div>
     38 
     39 <script>
     40 function runTest() {
     41  document.startViewTransition().ready.then(takeScreenshot);
     42 }
     43 
     44 onload = async () => {
     45  await waitForCompositorReady();
     46  runTest();
     47 }
     48 
     49 </script>