dom/base/test/chrome/test_registerElement_content.xul


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

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
                 type="text/css"?>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1130028
-->
<window title="Mozilla Bug 1130028"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

  <!-- 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=1130028"
     target="_blank">Mozilla Bug 1130028</a>
  <iframe onload="startTests()" id="frame" src="http://example.com/chrome/dom/base/test/chrome/frame_registerElement_content.html"></iframe>
  </body>

  <!-- test code goes here -->
  <script type="application/javascript"><![CDATA[

  /** Test for Bug 1130028 **/
  var connectedCallbackCount = 0;

  // Callback should be called only once by element created in content.
  function connectedCallbackCalled() {
    connectedCallbackCount++;
    is(connectedCallbackCount, 1, "Connected callback called, should be called once in test.");
    is(this.magicNumber, 42, "Callback should be able to see the custom prototype.");
  }

  function startTests() {
    var frame = $("frame");

    var c = frame.contentDocument.registerElement("x-foo");
    var elem = new c();
    is(elem.tagName, "X-FOO", "Constructor should create an x-foo element.");

    var proto = Object.create(frame.contentWindow.HTMLElement.prototype);
    proto.magicNumber = 42;
    proto.connectedCallback = connectedCallbackCalled;

    frame.contentDocument.registerElement("x-bar", { prototype: proto });
    is(connectedCallbackCount, 1, "Connected callback should be called by element created in content.");

    var element = frame.contentDocument.createElement("x-bar");
    is(element.magicNumber, 42, "Should be able to see the custom prototype on created element.");
  }

  ]]></script>
</window>