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

   1 <!DOCTYPE HTML>
   2 <style>
   3 body {
   4   transform: translateZ(0);
   5 }
   6 #overlapper {
   7   width: 400px;
   8   height: 400px;
   9   left: 200px;
  10   background: gray;
  11   position: absolute;
  12   transform: translateZ(0);
  13 }
  14
  15 #container {
  16   -webkit-perspective: 1400px;
  17   position: absolute;
  18   width: 180px;
  19   height: 180px;
  20   background: papayawhip;
  21 }
  22
  23 #composited {
  24   width: 100px;
  25   height: 100px;
  26   left: 200px;
  27   background: green;
  28   position: absolute;
  29   transform: translateZ(10px);
  30   visibility: hidden;
  31 }
  32
  33 #squashed {
  34   position: absolute;
  35   width: 50px;
  36   height: 50px;
  37   background: blue;
  38 }
  39 </style>
  40 <div id="overlapper"></div>
  41 <div id="container">
  42   <div id="composited"></div>
  43 </div>
  44 <div id="squashed"></div>
  45 THIS TEST PASSES IF IT DOES NOT CRASH