test_ua_widget_sandbox.html

Enable keyboard shortcuts

<!doctype html>

<html>

  <head>

    <title>UA Widget sandbox test</title>

    <script src="/tests/SimpleTest/SimpleTest.js"></script>

    <script src="/tests/SimpleTest/EventUtils.js"></script>

    <script type="text/javascript" src="head.js"></script>

    <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />

  </head>

  <body>

    <p id="display"></p>

    <div id="content"></div>

    <script class="testbody" type="text/javascript">

      const content = document.getElementById("content");

      const div = content.appendChild(document.createElement("div"));

      div.attachShadow({ mode: "open" });

      SpecialPowers.wrap(div.shadowRoot).setIsUAWidget();

      const sandbox = SpecialPowers.Cu.getUAWidgetScope(

        SpecialPowers.wrap(div).nodePrincipal

);

      SpecialPowers.setWrapped(

        sandbox,

        "info",

        SpecialPowers.wrapFor(info, sandbox)

);

      SpecialPowers.setWrapped(

        sandbox,

        "is",

        SpecialPowers.wrapFor(is, sandbox)

);

      SpecialPowers.setWrapped(

        sandbox,

        "ok",

        SpecialPowers.wrapFor(ok, sandbox)

);

      const sandboxScript = function (shadowRoot) {

        info("UA Widget scope tests");

        is(typeof window, "undefined", "The sandbox has no window");

        is(typeof document, "undefined", "The sandbox has no document");

        let element = shadowRoot.host;

        let doc = element.ownerDocument;

        let win = doc.defaultView;

        ok(win.ShadowRoot.isInstance(shadowRoot), "shadowRoot is a ShadowRoot");

        ok(win.HTMLDivElement.isInstance(element), "Element is a <div>");

        is("createElement" in doc, false, "No document.createElement");

        is("createElementNS" in doc, false, "No document.createElementNS");

        is("createTextNode" in doc, false, "No document.createTextNode");

        is("createComment" in doc, false, "No document.createComment");

        is("importNode" in doc, false, "No document.importNode");

        is("adoptNode" in doc, false, "No document.adoptNode");

        is("insertBefore" in element, false, "No element.insertBefore");

        is("appendChild" in element, false, "No element.appendChild");

        is("replaceChild" in element, false, "No element.replaceChild");

        is("cloneNode" in element, false, "No element.cloneNode");

ok(

          "importNodeAndAppendChildAt" in shadowRoot,

          "shadowRoot.importNodeAndAppendChildAt"

);

ok(

          "createElementAndAppendChildAt" in shadowRoot,

          "shadowRoot.createElementAndAppendChildAt"

);

        info("UA Widget special methods tests");

        const span = shadowRoot.createElementAndAppendChildAt(

          shadowRoot,

          "span"

);

        span.textContent = "Hello from <span>!";

        is(shadowRoot.lastChild, span, "<span> inserted");

        const parser = new win.DOMParser();

        let parserDoc = parser.parseFromString(

          `<div xmlns="http://www.w3.org/1999/xhtml">Hello from DOMParser!</div>`,

          "application/xml"

);

        shadowRoot.importNodeAndAppendChildAt(

          shadowRoot,

          parserDoc.documentElement,

          true

);

ok(

          win.HTMLDivElement.isInstance(shadowRoot.lastChild),

          "<div> inserted"

);

is(

          shadowRoot.lastChild.textContent,

          "Hello from DOMParser!",

          "Deep import node worked"

);

        info("UA Widget reflectors tests");

        win.wrappedJSObject.spanElementFromUAWidget = span;

        win.wrappedJSObject.divElementFromUAWidget = shadowRoot.lastChild;

};

      SpecialPowers.Cu.evalInSandbox(

        "this.script = " + sandboxScript.toString(),

        sandbox

);

      sandbox.script(div.shadowRoot);

ok(

        SpecialPowers.wrap(HTMLSpanElement).isInstance(

          window.spanElementFromUAWidget

),

        "<span> exposed"

);

ok(

        SpecialPowers.wrap(HTMLDivElement).isInstance(

          window.divElementFromUAWidget

),

        "<div> exposed"

);

      try {

        window.spanElementFromUAWidget.textContent;

        ok(false, "Should throw.");

      } catch (err) {

        ok(/denied/.test(err), "Permission denied to access <span>");

      try {

        window.divElementFromUAWidget.textContent;

        ok(false, "Should throw.");

      } catch (err) {

        ok(/denied/.test(err), "Permission denied to access <div>");

    </script>

  </body>

</html>