src/third_party/WebKit/LayoutTests/compositing/background-color/background-color-text-change-expected.html

   1 <!DOCTYPE>
   2 <html>
   3 <head>
   4 <style type="text/css" media="screen">
   5     #background {
   6         width: 200px;
   7         height: 200px;
   8         display: block;
   9         background-color: green;
  10     }
  11
  12     .composited {
  13         transform: translateZ(0);
  14     }
  15 </style>
  16 <script type="text/javascript" charset="utf-8">
  17     if (window.testRunner) {
  18         testRunner.waitUntilDone();
  19         testRunner.dumpAsTextWithPixelResults();
  20     }
  21     function doTest()
  22     {
  23         var bg = document.getElementById("background");
  24
  25         window.setTimeout(function() {
  26             // Change the layer to become background only.
  27             bg.innerHTML = "";
  28             if (window.testRunner) {
  29                 window.setTimeout(function() {
  30                     testRunner.notifyDone();
  31                 }, 0);
  32             }
  33         }, 0);
  34     }
  35
  36     window.addEventListener('load', doTest, false);
  37 </script>
  38 </head>
  39 <body>
  40 <!-- When the test is done, there should only be a green square on the page -->
  41 <div id="background"></div>
  42 </body>
  43 </html>