<!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>
