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