src/third_party/WebKit/LayoutTests/compositing/child-transform-layer-requires-box.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 </style>
   4 <script>
   5   if (window.testRunner)
   6       testRunner.dumpAsText();
   7
   8   onload = function() {
   9       el0=document.createElement('a'); el0.setAttribute('id','el0'); document.body.appendChild(el0);
  10       el4=document.createElement('input'); el4.setAttribute('id','el4'); el0.appendChild(el4);
  11       document.querySelector('style').appendChild(document.createTextNode('#el0 { -webkit-perspective:800 }'));
  12       document.querySelector('style').appendChild(document.createTextNode('#el0 { opacity:0 }'));
  13       document.querySelector('style').appendChild(document.createTextNode('#el4 { transform:translate3d(0,20px,0) }'));
  14   }
  15 </script>
  16 <!--
  17 This test causes a situation where we have a non-box element (a RenderInline) with
  18 a perspective applied to it. This should not invoke the perspective machinery in the
  19 CompositedLayerMapping or it will crash.
  20 -->
  21 <body>
  22 This test passes if it does not crash.
  23 </body>