| <!DOCTYPE html> |
| <html> |
| <head></head> <!-- This element isn't necessary, but makes it straightforward to reason about the test when debugging it. --> |
| <body id="declarativeBody"></body> |
| <!-- Notice a <script> is only executed once. --> |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| |
| var savedDocumentElement; |
| function appendBodyElementToSavedDocument() |
| { |
| document.removeEventListener("DOMNodeRemoved", appendBodyElementToSavedDocument, false); |
| savedDocumentElement.appendChild(document.createElement("body")).id = "programmaticBody"; |
| } |
| |
| function insertSavedDocument() |
| { |
| document.appendChild(savedDocumentElement); // Will execute <script id="script2">. |
| } |
| |
| savedDocumentElement = document.documentElement; |
| document.addEventListener("DOMNodeRemoved", appendBodyElementToSavedDocument, false); |
| document.removeChild(savedDocumentElement); // Prevents <script id="script2"> from running since it won't be in the document when we fall off the end of this <script>. |
| window.setTimeout(insertSavedDocument, 0); |
| </script> |
| <!-- This must be in its own <script> so that we execute it (for the first time) when we re-insert it into the document in insertSavedDocument(). --> |
| <script id="script2"> |
| document.write("PASS, removed element, with HTML attribute id, which was inserted on event DOMNodeRemoved."); // Destroys the entire document, including <body id="declarativeBody"> and <body id="programmaticBody">. |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| </script> |
| </html> |
