src/third_party/WebKit/LayoutTests/compositing/culling/clear-fixed-iframe.html

   1 <!DOCTYPE html>
   2 <html><head><title>Compositor Iframe Sadface</title>
   3 <style>
   4 body { margin: 0; padding: 0; }
   5 .composited {
   6   -webkit-transform: translateZ(0);
   7   background-color: green;
   8   position:fixed;
   9   left:0; top:0; right:0; bottom:0;
  10 }
  11 iframe {
  12   position:fixed;
  13   left: 0; top: 0;
  14   width:100%;
  15   height: 100%;
  16   border:0;
  17 }
  18 </style>
  19 <script type="text/javascript">
  20   if (window.testRunner) {
  21     testRunner.dumpAsTextWithPixelResults();
  22   }
  23 </script>
  24 </head>
  25
  26 <body>
  27 <div class="composited"></div>
  28
  29 <!-- You should see a light green box filling the top/left of the window, inside a darker green background.
  30      If the "glass" in the iframe is considered opaque, then drawing errors will occur and tiles become black
  31      (light gray with the glass).
  32   -->
  33 <iframe src="resources/clear-fixed-iframe-content.html" frameborder="0"></iframe>
  34 </body>
  35
  36 </html>