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