test_anonymousContent_manipulate_content.html (1576B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=1020244 5 --> 6 <meta charset="utf-8"> 7 <title>Test for Bug 1020244 - Manipulate content created with the AnonymousContent API</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" href="/tests/SimpleTest/test.css"/> 10 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1020244">Mozilla Bug 1020244</a> 11 <div> 12 <div id="test-element" class="test-class" test="test">text content</div> 13 </div> 14 <script> 15 // Insert content 16 let chromeDocument = SpecialPowers.wrap(document); 17 let testElement = document.querySelector("div"); 18 let anonymousContent = chromeDocument.insertAnonymousContent(); 19 anonymousContent.root.appendChild(testElement.cloneNode(true)); 20 21 // Test getting/setting text content. 22 is(anonymousContent.root.getElementById("test-element").textContent, 23 "text content", "Textcontent for the test element is correct"); 24 25 let anonTestElement = anonymousContent.root.getElementById("test-element"); 26 anonTestElement.textContent = 27 "updated text content"; 28 is(anonTestElement.textContent, 29 "updated text content", 30 "Textcontent for the test element is correct after update"); 31 32 let anim = anonTestElement.animate([ 33 { transform: 'translateY(0px)' }, 34 { transform: 'translateY(-300px)' } 35 ], 2000); 36 is(anim.playState, "running", "Animation should be running"); 37 anim.cancel(); 38 is(anim.playState, "idle", "Animation should have stopped immediately"); 39 40 chromeDocument.removeAnonymousContent(anonymousContent); 41 </script>