src/third_party/WebKit/LayoutTests/compositing/background-color/background-color-padding-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         -webkit-background-clip: content;
  11     }
  12
  13     #content {
  14         width: 100px;
  15         height: 100px;
  16         display: block;
  17         background-color: blue;
  18     }
  19
  20     .composited {
  21         transform: translateZ(0);
  22     }
  23 </style>
  24 <script type="text/javascript" charset="utf-8">
  25     if (window.testRunner) {
  26         testRunner.waitUntilDone();
  27         testRunner.dumpAsTextWithPixelResults();
  28     }
  29     function doTest()
  30     {
  31         var bg = document.getElementById("background");
  32
  33         window.setTimeout(function() {
  34             // Change the layer to become background only.
  35             bg.style.padding = "50px";
  36             if (window.testRunner) {
  37                 window.setTimeout(function() {
  38                     testRunner.notifyDone();
  39                 }, 0);
  40             }
  41         }, 0);
  42     }
  43
  44     window.addEventListener('load', doTest, false);
  45 </script>
  46 </head>
  47 <body>
  48 <!-- When the test is done, there should only be a green square on the page -->
  49 <div id="background">
  50     <div id="content"></div>
  51 </div>
  52 </body>
  53 </html>