forked from mirrors/gecko-dev
bd1b363ff9
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
41 lines
1.5 KiB
HTML
41 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 - Manipulate content created with the AnonymousContent API</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="test-element" class="test-class" test="test">text content</div>
|
|
</div>
|
|
<script>
|
|
// Insert content
|
|
let chromeDocument = SpecialPowers.wrap(document);
|
|
let testElement = document.querySelector("div");
|
|
let anonymousContent = chromeDocument.insertAnonymousContent();
|
|
anonymousContent.root.appendChild(testElement.cloneNode(true));
|
|
|
|
// Test getting/setting text content.
|
|
is(anonymousContent.root.getElementById("test-element").textContent,
|
|
"text content", "Textcontent for the test element is correct");
|
|
|
|
let anonTestElement = anonymousContent.root.getElementById("test-element");
|
|
anonTestElement.textContent =
|
|
"updated text content";
|
|
is(anonTestElement.textContent,
|
|
"updated text content",
|
|
"Textcontent for the test element is correct after update");
|
|
|
|
let anim = anonTestElement.animate([
|
|
{ transform: 'translateY(0px)' },
|
|
{ transform: 'translateY(-300px)' }
|
|
], 2000);
|
|
is(anim.playState, "running", "Animation should be running");
|
|
anim.cancel();
|
|
is(anim.playState, "idle", "Animation should have stopped immediately");
|
|
|
|
chromeDocument.removeAnonymousContent(anonymousContent);
|
|
</script>
|