58 lines
1.7 KiB
HTML
58 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../../resources/dump-as-markup.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="test"><div><a href="#">link</a></div><div></div><div><br><br><img src="" id="img-tag"></div><div><br><br>text</div></div>
|
|
<div id="expectations">
|
|
<div id="test_right_complex_subtree"><div><a href="#">link</a></div><div></div><div><br><br></div></div>
|
|
<div id="test_left_complex_subtree"><div></div><div><br><br>text</div></div>
|
|
</div>
|
|
<pre id="console"></pre>
|
|
<script>
|
|
|
|
function log(message) {
|
|
document.getElementById('console').innerHTML += message + '\n';
|
|
}
|
|
|
|
function testCloneContents(description, range, expectedContentsId) {
|
|
var actualContents = range.cloneContents();
|
|
|
|
var action = description + ' yields:\n' + Markup.get(actualContents).replace(/</g, '<');
|
|
var expectedContents = document.getElementById(expectedContentsId);
|
|
if (Markup.get(actualContents) == Markup.get(expectedContents))
|
|
log('PASS: ' + action);
|
|
else
|
|
log('FAIL: ' + action + '\n but expected:\n' + Markup.get(expectedContents).replace(/</g, '<'));
|
|
|
|
log('');
|
|
}
|
|
|
|
Markup.noAutoDump();
|
|
|
|
var test = document.getElementById('test');
|
|
log('test contents:\n' + Markup.get(test).replace(/</g, '<') + '\n')
|
|
|
|
var range = document.createRange();
|
|
|
|
range.setStartBefore(test.firstChild);
|
|
var imgTag = document.getElementById('img-tag')
|
|
range.setEndBefore(imgTag);
|
|
|
|
testCloneContents('Cloning right complex subtree', range, 'test_right_complex_subtree');
|
|
|
|
range.setStartAfter(imgTag);
|
|
range.setEndAfter(test.lastChild);
|
|
|
|
testCloneContents('Cloning left complex subtree', range, 'test_left_complex_subtree');
|
|
|
|
test.style.display = 'none';
|
|
document.getElementById('expectations').style.display = 'none';
|
|
|
|
log('DONE');
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|