<!DOCTYPE html>
<html>
<head>
<title>Range.surroundContents() crash</title>
<script src="../../../../../resources/js-test.js"></script>
</head>
<body>
<script>
description('DOM mutation events should not be dispatched during DOM mutations in surroundContents().');
window.jsTestIsAsync = true;
var range;
var textContainer;
var textToBeSplit;
var newTextNode;
function run()
{
textContainer = document.createElement('div');
textToBeSplit = document.createTextNode('SPLITME');
textContainer.appendChild(textToBeSplit);
document.body.appendChild(textContainer);
var surroundParent = document.createElement('div');
var textToBeRemoved = document.createTextNode('I will be removed.');
surroundParent.appendChild(textToBeRemoved);
document.body.appendChild(surroundParent);
// Range.surroundContents(newParent) removes newParent's children during its
// preprocess phase, however the following event handler is called after
// finishing all DOM mutation in surroundContents() method.
textToBeRemoved.addEventListener('DOMNodeRemoved', function (event) {
// |surroundParent| is moved into |textContainer|, and is selected.
shouldEvaluateTo('textContainer.childNodes.length', 2);
shouldBeTrue('range.startContainer === textContainer');
shouldEvaluateTo('range.startOffset', 1);
shouldBeTrue('range.endContainer === textContainer');
shouldEvaluateTo('range.endOffset', 2);
});
range = new Range();
range.setStart(textToBeSplit, textToBeSplit.length);
range.setEnd(textContainer, 1);
range.surroundContents(surroundParent);
testPassed('Did not crash.');
// Cleanup.
document.body.removeChild(textContainer);
window.finishJSTest();
}
window.setTimeout(run, 0);
</script>
</body>
</html>