summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/painting/svg-child-will-change-transform-invalidation.html
blob: 962ba5abeb7ca711551fdf30de45de81083e58ae (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>