third_party/WebKit/LayoutTests/compositing/repaint/composited-document-element.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     html {
   7       -webkit-perspective: 1200px;
   8       background-color: red;
   9     }
  10     html.changed {
  11       background-color: transparent;
  12     }
  13     body {
  14       transform: translateZ(0);
  15     }
  16     .box {
  17       width: 100px;
  18       height: 100px;
  19       background-color: blue;
  20     }
  21   </style>
  22   <script>
  23     if (window.testRunner)
  24       testRunner.waitUntilDone();
  25
  26     function doTest()
  27     {
  28       window.setTimeout(function() {
  29         document.documentElement.className = 'changed';
  30         if (window.testRunner)
  31           testRunner.notifyDone();
  32       }, 0);
  33     }
  34     window.addEventListener('load', doTest, false);
  35   </script>
  36 </head>
  37 <body>
  38   <p>In a pixel test, you should see a plain white background.</p>
  39 </body>
  40 </html>