chromium/third_party/blink/web_tests/paint/invalidation/transform/transform-inline-layered-child.html

<!DOCTYPE html>
<script src="../../../resources/ahem.js"></script>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  document.getElementById('box').style.transform = 'rotate(30deg)';
}
onload = runRepaintAndPixelTest;
</script>
<style>
#box {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 100px;
}
#child {
  position: relative;
  left: 200px;
  top: 200px;
  font-family: Ahem;
}
</style>
Tests if the inline layered child is correctly repainted when container's transform changes.
Succeeds if the text is completely rotated leaving no residue at the original location.
<div id="box">
  <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span>
</div>