summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/495385-2f.xhtml
blob: 3c358728c944cd5a41075c208f3a6f0220c6aa95 (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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Test that suppression works (or is turned off) for XBL content -->
<bindings xmlns="http://www.mozilla.org/xbl">
  <binding id="before">
    <content>Hello<children/></content>
  </binding>
  <binding id="after">
    <content><children/>Kitty</content>
  </binding>
  <binding id="empty1">
    <content><div xmlns="http://www.w3.org/1999/xhtml">Hello</div><children/></content>
  </binding>
  <binding id="empty2">
    <content><children/><div xmlns="http://www.w3.org/1999/xhtml">Kitty</div></content>
    <implementation>
      <constructor>
        // We used to do this in an onload handler, but getAnonymousNodes is no
        // longer accessible to content, and we can't use SpecialPowers in
        // reftests. So we enable XBL scopes and take advantage of the fact that XBL
        // scopes can access these functions. We apply this binding
        // programatically to make absolutely sure this constructor runs after all the
        // other bindings have been set up.
        document.body.offsetHeight;
        document.getAnonymousNodes(document.getElementById("d3"))[0].style.display = 'inline';
        document.getAnonymousNodes(document.getElementById("d4"))[2].style.display = 'inline';
      </constructor>
    </implementation>
  </binding>
</bindings>
<style>
body > div { border:1px solid black; margin:1em;
             font-family:sans-serif; letter-spacing:2px; }
#d1 { -moz-binding:url(#before); }
#d2 { -moz-binding:url(#after); }
#d3 { -moz-binding:url(#empty1); }
</style>
<script>
function loaded() {
  document.getElementById('d4').style.MozBinding = "url(#empty2)";
}
</script>
</head>
<body onload="loaded()">
  <div id="d1"> <span>Kitty</span></div>
  <div id="d2"><span>Hello</span> </div>
  <div id="d3"> <span>Kitty</span></div>
  <div id="d4"><span>Hello</span> </div>
</body>
</html>