<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<div>
  <div id="target">
    <b></b><b id="oldChild"></b><b></b>
  </div>
  <div id="newChild"></div>
</div>

<script>
description("Ensures that replaceChild() throws an exception if mutation even handler does something wrong");
var target = document.getElementById('target');
var oldChild = document.getElementById('oldChild');
var newChild = document.getElementById('newChild');

function handler(){
    document.removeEventListener("DOMNodeRemoved", handler, false);
    newChild.parentNode.removeChild(newChild);
    target.parentNode.removeChild(target);
    newChild.appendChild(target);
}   
document.addEventListener("DOMNodeRemoved", handler, false);
shouldThrow("target.replaceChild(newChild, oldChild);",  "'Error: HierarchyRequestError: DOM Exception 3'");
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>