transform-foreign-object.html | Explore in Territory

<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
  window.onload = runRepaintAndPixelTest;

  function repaintTest() {
    var foreign = document.getElementsByTagName("foreignObject")[0];
    foreign.style.transform = 'translate(100px, 0px)';
  }
</script>
<body>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <foreignObject width="100" height="100" style="overflow:visible">
    <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100px; height: 100px; background-color: green;"></div>
  </foreignObject>
</svg>
</body>

chromium/third_party/blink/web_tests/paint/invalidation/svg/transform-foreign-object.html