layout/reftests/bugs/495385-2b.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <!-- Test that inserting inline content can create frames for text around it -->
   5 <style>
   6 body > div { border:1px solid black; margin:1em;
   7              font-family:sans-serif; letter-spacing:2px; }
   8 </style>
   9 <script>
  10 function makeSpan(text) {
  11   var e = document.createElement("span");
  12   e.textContent = text;
  13   return e;
  14 }
  15 function loaded() {
  16   document.body.offsetHeight;
  17   var d1 = document.getElementById("d1");
  18   d1.insertBefore(makeSpan("Hello"), d1.firstChild);
  19   var d2 = document.getElementById("d2");
  20   d2.appendChild(makeSpan("Kitty"));
  21   var d3 = document.getElementById("d3");
  22   d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
  23   var d4 = document.getElementById("d4");
  24   d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
  25 }
  26 </script>
  27 </head>
  28 <body onload="loaded()">
  29   <div id="d1"> <span>Kitty</span></div>
  30   <div id="d2"><span>Hello</span> </div>
  31   <div id="d3"><div></div> <span>Kitty</span></div>
  32   <div id="d4"><span>Hello</span> <div></div></div>
  33 </body>
  34 </html>