third_party/WebKit/LayoutTests/compositing/repaint/layer-repaint.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     .container {
   7         border: 1px solid black;
   8         height: 300px;
   9         width: 200px;
  10         transform: translateZ(0);
  11     }
  12
  13     #tester {
  14         margin: 50px;
  15         height: 100px;
  16         width: 100px;
  17         background-color: red;
  18     }
  19   </style>
  20   <script type="text/javascript" charset="utf-8">
  21     function doTest() {
  22         setTimeout("changeBackground();", 10);
  23     }
  24     function changeBackground() {
  25         document.getElementById('tester').style.backgroundColor = 'green';
  26         if (window.testRunner)
  27             testRunner.notifyDone();
  28     }
  29     if (window.testRunner)
  30         testRunner.waitUntilDone();
  31     window.addEventListener('load', doTest, false);
  32   </script>
  33 </head>
  34 <body>
  35     <p>Test for repaint in a composited layer. You should see no red below.</p>
  36   <div class="container">
  37     <div id="tester"></div>
  38   </div>
  39 </body>
  40 </html>