<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test.js"></script>
<script>

description(`This tests re-parenting a child of the document fragment during an insertion so as to create a circular node tree.<br>
WebKit should detect this case and throw HierarchyRequestError.`);

fragment = document.createDocumentFragment();
container = document.createElement('div');
refChild = container.appendChild(document.createElement('section'));
child = fragment.appendChild(document.createElement('div'));
fragment.addEventListener('DOMSubtreeModified', function() {
    child.appendChild(container);
});

shouldThrowErrorName(`container.replaceChild(fragment, refChild)`, 'HierarchyRequestError');
shouldBe('container.parentNode', 'child');
shouldBe('child.parentNode', 'null');

</script>
</body>
</html>