| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <body onload="startTest()"> | |
| 4 This tests for the remove order of discard elements.<br/> | |
| 5 <div id="removeOrder"></div> | |
| 6 <svg id="svg" width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmln
s:xlink="http://www.w3.org/1999/xlink"> | |
| 7 <rect id="rect" width="100" height="100" fill="green" /> | |
| 8 <animate id="animate" xlink:href="#rect" attributeName="x" from="0" to="300"
begin="0s" dur="10s" /> | |
| 9 <discard xlink:href="#animate" begin="0s" /> | |
| 10 <discard xlink:href="#rect" begin="0s" /> | |
| 11 </svg> | |
| 12 <script> | |
| 13 var removedNodes = new Array(); | |
| 14 var callback = function(mutations) { | |
| 15 mutations.forEach( function(mutation) { | |
| 16 var nodeList = mutation.removedNodes; | |
| 17 for (var i = 0; i < nodeList.length; ++i) { | |
| 18 removedNodes.push(nodeList[i].nodeName); | |
| 19 } | |
| 20 }); | |
| 21 }; | |
| 22 var observer = new MutationObserver(callback); | |
| 23 var target = document.getElementById("svg"); | |
| 24 options = { 'childList': true, 'subtree': true } | |
| 25 observer.observe(target, options); | |
| 26 | |
| 27 function startTest() { | |
| 28 if (window.testRunner) | |
| 29 testRunner.waitUntilDone(); | |
| 30 setTimeout(function() { | |
| 31 document.getElementById('removeOrder').textContent = 'Discard node remov
al order: ' + removedNodes.toString(); | |
| 32 if (window.testRunner) { | |
| 33 testRunner.dumpAsText(); | |
| 34 testRunner.notifyDone(); | |
| 35 } | |
| 36 }, 10); | |
| 37 } | |
| 38 </script> | |
| 39 </body> | |
| 40 </html> | |
| OLD | NEW |