add-transform-repaint-descendants.html

<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
  document.getElementById('target').style.transform = 'translate(0, 0)';
}, true);
</script>
<style>
body { margin : 0 }
div { width: 100px; height: 100px; }
</style>
Tests invalidation and painting of descendants of an element adding transform.
<div style="position: absolute; top: 300px; background-color: red"></div>
<div id="target" style="position: absolute; top: 100px; backgorund-color: red">
  <div id="1" style="background-color: green"></div>
  <div id="2" style="position: relative; top: 100px; background-color: green"></div>
</div>

chromium/third_party/blink/web_tests/paint/invalidation/transform/add-transform-repaint-descendants.html