third_party/WebKit/LayoutTests/compositing/squashing/squashing-into-ancestor-painted-layer.html

   1 <!DOCTYPE HTML>
   2 <!--
   3   This test creates a scenario where we attempt to squash into a layer that
   4   paints into its composited ancestor. This should not crash.
   5
   6   It also happens that we shouldn't promote |container| in this case as its
   7   composited descendants are invisible, but that's a separate bug. See,
   8   crbug.com/403894.
   9 -->
  10 <style>
  11 body {
  12   transform: translateZ(0);
  13 }
  14 #overlapper {
  15   width: 400px;
  16   height: 400px;
  17   left: 200px;
  18   background: gray;
  19   position: absolute;
  20   transform: translateZ(0);
  21 }
  22
  23 #container {
  24   -webkit-perspective: 1400px;
  25   position: absolute;
  26   width: 180px;
  27   height: 180px;
  28   background: papayawhip;
  29 }
  30
  31 #composited {
  32   width: 100px;
  33   height: 100px;
  34   left: 200px;
  35   background: green;
  36   position: absolute;
  37   transform: translateZ(10px);
  38   visibility: hidden;
  39 }
  40
  41 #squashed {
  42   position: absolute;
  43   width: 50px;
  44   height: 50px;
  45   background: blue;
  46 }
  47 </style>
  48 <div id="overlapper"></div>
  49 <div id="container">
  50   <div id="composited"></div>
  51 </div>
  52 <div id="squashed"></div>
  53 THIS TEST PASSES IF IT DOES NOT CRASH