Files
tubestation/dom/base/test/test_anonymousContent_insert.html
Emilio Cobos Álvarez c8d2c23403 Bug 1824886 - Rewrite AnonymousContent to use a shadow tree. r=smaug,TYLin,sfoster,devtools-reviewers,nchevobbe
Subtle things:

 * We now have shadow trees in NAC, inception! Only a couple lines of
   code in the style system had to be changed to match :host rules and
   so properly.

 * Had to make highlighters.css contentaccessible, because otherwise we
   can't load it from the shadow tree. I don't think it's a big deal.

 * I removed some of the code from highlighters.css that claimed that
   stuff inherited from the html element. That's just no longer true.

 * Had to switch from `setAttribute("style", ...)` to `.style = ...;`.
   This is needed because CSSOM from chrome code bypasses CSP (as
   AnonymousContent did), but setAttribute() doesn't, see bug 1424474.

Differential Revision: https://phabricator.services.mozilla.com/D173998
2023-07-09 11:34:05 +00:00

43 lines
1.5 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1020244
-->
<meta charset="utf-8">
<title>Test for Bug 1020244 - Insert content using the AnonymousContent API, several times, and don't remove it</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"/>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1020244">Mozilla Bug 1020244</a>
<div>
<div id="id" class="test">text content</div>
</div>
<script>
const INSERTED_NB = 5;
// Insert the same content several times
let chromeDocument = SpecialPowers.wrap(document);
let testElement = document.querySelector("div");
let anonymousContents = [];
for (let i = 0; i < INSERTED_NB; i ++) {
let content = chromeDocument.insertAnonymousContent();
content.root.appendChild(testElement.cloneNode(true));
// Adding an expando pointing to the document to make sure this doesn't
// cause leaks.
content.dummyExpando = testElement.ownerDocument;
anonymousContents.push(content);
}
// Make sure that modifying one of the inserted elements does not modify the
// other ones.
anonymousContents[0].root.getElementById("id").className = "updated";
for (let i = 1; i < INSERTED_NB; i ++) {
is(
anonymousContents[i].root.getElementById("id").className,
"test",
"Element " + i + " didn't change when element 0 was changed"
);
}
// Do not remove inserted elements on purpose to test for potential leaks too.
</script>