src/third_party/WebKit/LayoutTests/compositing/iframes/iframe-content-flipping.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     iframe {
   7         margin: 20px;
   8         height: 200px;
   9         width: 200px;
  10         border: 1px solid black;
  11     }
  12
  13     .composited {
  14       transform: translateZ(0);
  15     }
  16
  17   </style>
  18   <script src="../../resources/run-after-display.js"></script>
  19   <script type="text/javascript" charset="utf-8">
  20     function doTest()
  21     {
  22       if (window.testRunner)
  23         testRunner.waitUntilDone();
  24
  25       runAfterDisplay(function() {
  26         document.getElementById('iframe').className = 'composited';
  27         if (window.testRunner)
  28           testRunner.notifyDone();
  29       });
  30     }
  31
  32     window.addEventListener('load', doTest, false);
  33   </script>
  34 </head>
  35 <body>
  36
  37     <!-- Test with already-composited iframe contents, and iframe itself composited. -->
  38     <!-- You should see a green square, no red. -->
  39     <iframe id="iframe" scrolling="no" src="resources/red-green-subframe.html"></iframe>
  40
  41 </body>
  42 </html>