third_party/WebKit/LayoutTests/fast/repaint/add-transform-repaint-descendants.html

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