third_party/WebKit/LayoutTests/fast/block/float/containing-block-change-compositing.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/run-after-layout-and-paint.js"></script>
   3 <script>
   4 runAfterLayoutAndPaint(function() {
   5   document.getElementById('container').style.transform = 'translateZ(0) translateX(100px)';
   6 }, true);
   7 </script>
   8 <body style="margin: 0">
   9   <div style="height: 100px">
  10   Tests layout and repaint of floating descendants of a container changing 3D transform. Passes if there is no red.
  11   </div>
  12   <div id="indicator" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: red"></div>
  13   <div>
  14     <div id="container" style="width: 0; height: 0">
  15       <div style="float: left; width: 100px; height: 100px; background-color: green"></div>
  16     </div>
  17   </div>
  18 </body>