third_party/WebKit/LayoutTests/compositing/squashing/squashing-composited-bounds.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <div style="width: 200px; height: 200px; transform: translateZ(0); background-color: lightgreen"></div>
   4 <div style="position: relative; top: -50px; left: 50px; width: 200px; height: 200px; background-color: blue">
   5     <div id="child" style="background-color: red; width: 100px; height: 100px;"></div>
   6 </div>
   7 <script>
   8 if (window.testRunner)
   9     testRunner.waitUntilDone();
  10
  11 runAfterLayoutAndPaint(function() {
  12     document.getElementById('child').style.backgroundColor = 'green';
  13     runAfterLayoutAndPaint(function() {
  14         if (window.testRunner)
  15             testRunner.notifyDone();
  16     });
  17 });
  18 </script>