svg-child-will-change-transform-invalidation.html (688B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="match" href="svg-child-will-change-transform-invalidation-ref.html"> 4 <svg id="svg" viewBox="0 0 100 100" style="width: 200px; height: 200px; transform: translateZ(0)"> 5 <rect id="rect" width="100%" height="100%" fill="red"/> 6 </svg> 7 <script src="/common/reftest-wait.js"></script> 8 <script src="/common/rendering-utils.js"></script> 9 <script> 10 waitForAtLeastOneFrame().then(() => { 11 rect.style.willChange = 'transform'; 12 waitForAtLeastOneFrame().then(() => { 13 rect.setAttribute("fill", "green"); 14 waitForAtLeastOneFrame().then(() => { 15 rect.style.willChange = 'initial'; 16 takeScreenshot(); 17 }); 18 }); 19 }); 20 </script>