third_party/WebKit/LayoutTests/fast/body-propagation/background-image/004.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <title>background on non-HTML body should not fill the viewport</title>
   5   <style>
   6    html { background-color:transparent; background-image:none; }
   7    body { background-image:url(resources/red.png); }
   8    p { background-image:url(resources/lime.png); margin:0; }
   9   </style>
  10   <script>
  11    window.onload = function() {
  12      var oldElm = document.getElementsByTagName("body")[0];
  13      var newElm = document.createElementNS("urn:foo:bogus", "body");
  14      while (oldElm.firstChild)
  15        newElm.appendChild(oldElm.firstChild);
  16      document.documentElement.replaceChild(newElm, oldElm);
  17      document.getElementsByTagName("p")[0].firstChild.data = "This line should be green and there should be no red.";
  18    }
  19   </script>
  20  </head>
  21  <body>
  22   <p>FAIL (script didn't run)</p>
  23  </body>
  24 </html>