test_bug744830.html

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=744830

-->

<head>

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

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

</head>

<body>

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=166235">Mozilla Bug 166235</a>

<div id="testnodes"><span>hi</span> there <!-- mon ami --></div>

<pre id="test">

<script type="application/javascript">

  var t = document.getElementById('testnodes');

  is(t.innerHTML,

     "<span>hi</span> there <!-- mon ami -->",

     "comment nodes should be included");

  var PI = document.createProcessingInstruction('foo', 'bar="1.0"');

  t.appendChild(PI);

  is(t.innerHTML, '<span>hi</span> there <!-- mon ami --><?foo bar="1.0">',

    "pi nodes should be included");

  t.innerHTML = null;

  t.appendChild(document.createElement("textarea"));

  t.firstChild.appendChild(document.createTextNode("\nhello"));

  // This is the old behavior. Spec requires something else.

  is(t.innerHTML, "<textarea>\nhello</textarea>",

     "No extra newlines should be inserted to the textarea!");

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "svg:svg"));

  t.firstChild.textContent = "<foo>";

  is(t.innerHTML, "<svg>&lt;foo&gt;</svg>");

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.w3.org/1998/Math/MathML", "math:math"));

  t.firstChild.textContent = "<foo>";

  is(t.innerHTML, "<math>&lt;foo&gt;</math>");

  // Prefix is serialized if element isn't HTML/SVG/MathML

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.example.org", "ex:example"));

  t.firstChild.textContent = "<foo>";

  is(t.innerHTML, "<ex:example>&lt;foo&gt;</ex:example>");

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.example.org", "example"));

  t.firstChild.textContent = "<foo>";

  is(t.innerHTML, "<example>&lt;foo&gt;</example>");

  t.firstChild.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:lang", "us-en");

  is(t.innerHTML, '<example xml:lang="us-en">&lt;foo&gt;</example>');

  t.firstChild.setAttributeNS("http://www.w3.org/1999/xlink", "href", "foo");

  is(t.innerHTML, '<example xml:lang="us-en" xlink:href="foo">&lt;foo&gt;</example>');

  t.firstChild.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns", "http://foo");

  is(t.innerHTML, '<example xml:lang="us-en" xlink:href="foo" xmlns="http://foo">&lt;foo&gt;</example>');

  t.firstChild.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:bar", "http://bar");

  is(t.innerHTML, '<example xml:lang="us-en" xlink:href="foo" xmlns="http://foo" xmlns:bar="http://bar">&lt;foo&gt;</example>');

  t.firstChild.setAttributeNS("http://www.helloworldns.org", "hello:world", "!");

  is(t.innerHTML, '<example xml:lang="us-en" xlink:href="foo" xmlns="http://foo" xmlns:bar="http://bar" hello:world="!">&lt;foo&gt;</example>');

  t.firstChild.setAttribute("foo", '-"&\xA0-');

  is(t.innerHTML, '<example xml:lang="us-en" xlink:href="foo" xmlns="http://foo" xmlns:bar="http://bar" hello:world="!" foo="-&quot;&amp;&nbsp;-">&lt;foo&gt;</example>');

  t.innerHTML = null;

  t.appendChild(document.createElement("div"));

  t.firstChild.appendChild(document.implementation

                                   .createDocument(null, null, null)

                                   .createCDATASection("foo"));

  is(t.innerHTML, '<div>foo</div>');

  t.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<div>1&amp;2&lt;3&gt;4&nbsp;</div>');

  t.innerHTML = null;

  t.appendChild(document.createElement("script"));

  t.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<script>1&2<3>4\xA0\u003C/script>');

  t.innerHTML = null;

  t.appendChild(document.createElement("style"));

  t.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<style>1&2<3>4\xA0\u003C/style>');

  t.innerHTML = null;

  t.appendChild(document.createElement("span"));

  t.firstChild.setAttributeNS("ext", "attr", "foo");

  t.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<span attr="foo">1&amp;2&lt;3&gt;4&nbsp;\u003C/span>');

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "svg"));

  is(t.firstChild.namespaceURI, "http://www.w3.org/2000/svg");

  t.firstChild.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "script"));

  is(t.firstChild.firstChild.namespaceURI, "http://www.w3.org/2000/svg");

  t.firstChild.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<svg><script>1&amp;2&lt;3&gt;4&nbsp;\u003C/script></svg>');

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "svg"));

  is(t.firstChild.namespaceURI, "http://www.w3.org/2000/svg");

  t.firstChild.appendChild(document.createElementNS("http://www.w3.org/2000/svg", "style"));

  is(t.firstChild.firstChild.namespaceURI, "http://www.w3.org/2000/svg");

  t.firstChild.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<svg><style>1&amp;2&lt;3&gt;4&nbsp;\u003C/style></svg>');

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.w3.org/1998/Math/MathML", "math"));

  is(t.firstChild.namespaceURI, "http://www.w3.org/1998/Math/MathML");

  t.firstChild.appendChild(document.createElementNS("http://www.w3.org/1998/Math/MathML", "script"));

  is(t.firstChild.firstChild.namespaceURI, "http://www.w3.org/1998/Math/MathML");

  t.firstChild.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<math><script>1&amp;2&lt;3&gt;4&nbsp;\u003C/script></math>');

  t.innerHTML = null;

  t.appendChild(document.createElementNS("http://www.w3.org/1998/Math/MathML", "math"));

  is(t.firstChild.namespaceURI, "http://www.w3.org/1998/Math/MathML");

  t.firstChild.appendChild(document.createElementNS("http://www.w3.org/1998/Math/MathML", "style"));

  is(t.firstChild.firstChild.namespaceURI, "http://www.w3.org/1998/Math/MathML");

  t.firstChild.firstChild.textContent = "1&2<3>4\xA0";

  is(t.innerHTML, '<math><style>1&amp;2&lt;3&gt;4&nbsp;\u003C/style></math>');

</script>

</pre>

</body>

</html>

Source code

Revision control

Copy as Markdown

Other Tools

Test Info: