third_party/WebKit/LayoutTests/compositing/repaint/same-size-invalidation.html

   1 <html>
   2 <head>
   3   <style type="text/css" media="screen">
   4     .container {
   5         height: 200px;
   6         width: 200px;
   7         background-color: green;
   8         transform: translateZ(0);
   9     }
  10
  11     #tester {
  12         position: absolute;
  13         top: 50px;
  14         left: 50px;
  15         height: 100px;
  16         width: 100px;
  17         background-color: blue;
  18     }
  19   </style>
  20   <script type="text/javascript" charset="utf-8">
  21     function doTest() {
  22         setTimeout(changeBackground1, 0);
  23     }
  24     function changeBackground1() {
  25         document.getElementById('tester').style.backgroundColor = 'red';
  26         setTimeout(changeBackground2, 0);
  27     }
  28     function changeBackground2() {
  29         document.getElementById('tester').style.backgroundColor = 'green';
  30         if (window.testRunner)
  31           testRunner.notifyDone();
  32     }
  33     if (window.testRunner) {
  34       testRunner.waitUntilDone();
  35       testRunner.dumpAsTextWithPixelResults();
  36     }
  37     window.addEventListener('load', doTest, false);
  38   </script>
  39 </head>
  40 <body>
  41   <!-- this test should only display a green square -->
  42   <div class="container">
  43     <div id="tester"></div>
  44   </div>
  45 </body>
  46 </html>