diff options
Diffstat (limited to '')
-rw-r--r-- | dom/base/test/chrome/test_custom_element_content.xhtml | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/dom/base/test/chrome/test_custom_element_content.xhtml b/dom/base/test/chrome/test_custom_element_content.xhtml new file mode 100644 index 0000000000..7778bc350e --- /dev/null +++ b/dom/base/test/chrome/test_custom_element_content.xhtml @@ -0,0 +1,55 @@ +<?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 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_custom_element_content.html"></iframe> + </body> + + <!-- test code goes here --> + <script type="application/javascript"><![CDATA[ + + /** Test for Bug 1130028 **/ + var connectedCallbackCount = 0; + + function startTests() { + var frame = $("frame"); + + class XFoo extends frame.contentWindow.HTMLElement {}; + frame.contentWindow.customElements.define("x-foo", XFoo); + var elem = new XFoo(); + is(elem.tagName, "X-FOO", "Constructor should create an x-foo element."); + + class XBar extends frame.contentWindow.HTMLElement { + constructor() { + super(); + this.magicNumber = 42; + } + + connectedCallback() { + connectedCallbackCount++; + // Callback should be called only once by element created in content. + 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."); + } + }; + + frame.contentWindow.customElements.define("x-bar", XBar); + 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> |