| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <link rel="match" href="svg-child-will-change-transform-invalidation-ref.html"> |
| <svg id="svg" viewBox="0 0 100 100" style="width: 200px; height: 200px; transform: translateZ(0)"> |
| <rect id="rect" width="100%" height="100%" fill="red"/> |
| </svg> |
| <script src="/common/reftest-wait.js"></script> |
| <script src="/common/rendering-utils.js"></script> |
| <script> |
| waitForAtLeastOneFrame().then(() => { |
| rect.style.willChange = 'transform'; |
| waitForAtLeastOneFrame().then(() => { |
| rect.setAttribute("fill", "green"); |
| waitForAtLeastOneFrame().then(() => { |
| rect.style.willChange = 'initial'; |
| takeScreenshot(); |
| }); |
| }); |
| }); |
| </script> |