summaryrefslogtreecommitdiffstats
path: root/dom/base/test/chrome/test_bug683852.xhtml
blob: 1f9e0d94722ffd9be8be21eb6aeb005c9fca68c1 (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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin"?>
<?xml-stylesheet type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"?>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=683852
-->
<window title="Mozilla Bug 683852"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml"
        xmlns:xul="http://www.mozilla.org/keymaster/gaktekeeper/there.is.only.xul">
  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
  <script>
    <![CDATA[
      customElements.define("custom-element", class extends XULElement {
        constructor() {
          super();
          const template = document.getElementById("template");
          this.attachShadow({mode: "open"})
            .appendChild(template.content.cloneNode(true));
        }
      });
    ]]>
  </script>
  <html:template id="template"><xul:box anonid="anon">Anonymous</xul:box></html:template>
  <custom-element id="custom-element"/>

  <!-- test results are displayed in the html:body -->
  <body xmlns="http://www.w3.org/1999/xhtml">
  <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=683852"
     target="_blank" id="link">Mozilla Bug 683852</a>
  </body>

  <!-- test code goes here -->
  <script type="application/javascript">
  <![CDATA[
  /** Test for Bug 683852 **/
  SimpleTest.waitForExplicitFinish();

  const NS_HTML = "http://www.w3.org/1999/xhtml";

  function startTest() {
    is(document.contains(document), true, "Document should contain itself!");

    let box = document.getElementById("custom-element");
    is(document.contains(box), true, "Document should contain element in it!");
    is(box.contains(box), true, "Element should contain itself.")
    let anon = box.shadowRoot.querySelector("[anonid=anon]");
    is(document.contains(anon), false, "Document should not contain anonymous element in it!");
    is(box.contains(anon), false, "Element should not contain anonymous element in it!");
    is(anon.contains(anon), true, "Anonymous element should contain itself.")
    is(document.documentElement.contains(box), true, "Element should contain element in it!");
    is(document.contains(document.createXULElement("foo")), false, "Document shouldn't contain element which is't in the document");
    is(document.contains(document.createTextNode("foo")), false, "Document shouldn't contain text node which is't in the document");

    var link = document.getElementById("link");
    is(document.contains(link.firstChild), true,
       "Document should contain a text node in it.");
    is(link.contains(link.firstChild), true,
       "Element should contain a text node in it.");
    is(link.firstChild.contains(link), false, "text node shouldn't contain its parent.");

    is(document.contains(null), false, "Document shouldn't contain null.");

    var pi = document.createProcessingInstruction("adf", "asd");
    is(pi.contains(document), false, "Processing instruction shouldn't contain document");
    document.documentElement.appendChild(pi);
    document.contains(pi, true, "Document should contain processing instruction");

    var df = document.createRange().createContextualFragment(`<div xmlns="${NS_HTML}">foo</div>`);
    is(df.contains(df.firstChild), true, "Document fragment should contain its child");
    is(df.contains(df.firstChild.firstChild), true,
       "Document fragment should contain its descendant");
    is(df.contains(df), true, "Document fragment should contain itself.");

    var d = document.implementation.createHTMLDocument("");
    is(document.contains(d), false,
       "Document shouldn't contain another document.");
    is(document.contains(d.createElement("div")), false,
       "Document shouldn't contain an element from another document.");

    SimpleTest.finish();
  }

  addLoadEvent(startTest);
  ]]>
  </script>
</window>