607 lines
24 KiB
HTML
607 lines
24 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Unit tests for DOM Range IE implementation</title>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-git.css" type="text/css" />
|
||
|
|
<script src="http://code.jquery.com/qunit/qunit-git.js"></script>
|
||
|
|
<script src="../../js/qunit/reporter.js"></script>
|
||
|
|
<script src="../../js/tinymce_loader.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script>
|
||
|
|
QUnit.config.reorder = false;
|
||
|
|
QUnit.config.autostart = false;
|
||
|
|
module("Range", {
|
||
|
|
autostart: false
|
||
|
|
});
|
||
|
|
|
||
|
|
function createRng() {
|
||
|
|
return document.createRange ? document.createRange() : new tinymce.dom.Range(tinymce.DOM);
|
||
|
|
};
|
||
|
|
|
||
|
|
function getHTML(co) {
|
||
|
|
var div = document.createElement('div'), h;
|
||
|
|
|
||
|
|
if (!co)
|
||
|
|
return 'null';
|
||
|
|
|
||
|
|
div.appendChild(co.cloneNode(true));
|
||
|
|
h = div.innerHTML.toLowerCase();
|
||
|
|
|
||
|
|
h = h.replace(/[\r\n\t]/g, ''); // Remove line feeds and tabs
|
||
|
|
h = h.replace(/ (\w+)=([^\"][^\s>]*)/gi, ' $1="$2"'); // Restore attribs on IE
|
||
|
|
|
||
|
|
return h;
|
||
|
|
};
|
||
|
|
|
||
|
|
function setup() {
|
||
|
|
if (this.orgHTML)
|
||
|
|
document.getElementById('sample').innerHTML = this.orgHTML;
|
||
|
|
|
||
|
|
// Remove whitespace nodes to normalize IE and other browsers
|
||
|
|
function clean(n) {
|
||
|
|
var i;
|
||
|
|
|
||
|
|
if (n.nodeType == 3 && /^[\s]+$/.test(n.nodeValue))
|
||
|
|
return n.parentNode.removeChild(n);
|
||
|
|
|
||
|
|
for (i = n.childNodes.length - 1; i >= 0; i--)
|
||
|
|
clean(n.childNodes[i]);
|
||
|
|
};
|
||
|
|
|
||
|
|
clean(document.getElementById('sample'));
|
||
|
|
|
||
|
|
this.orgHTML = document.getElementById('sample').innerHTML;
|
||
|
|
};
|
||
|
|
|
||
|
|
test("Initial state", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(5);
|
||
|
|
|
||
|
|
equal(r.startContainer, document)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer, document)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(r.commonAncestorContainer, document)
|
||
|
|
});
|
||
|
|
|
||
|
|
test("setStartSetEnd", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(12);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('strong').firstChild, 3);
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeValue, 'first')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeValue, 'strong')
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 3)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'P')
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first'), 0);
|
||
|
|
r.setEnd(document.getElementById('strong'), 0);
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeName, 'P')
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeName, 'STRONG')
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'P')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("setStartBeforeSetEndAfter", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(5);
|
||
|
|
|
||
|
|
r.setStartBefore(document.getElementById('first'));
|
||
|
|
r.setEndAfter(document.getElementById('strong'));
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeName, 'DIV')
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeName, 'P')
|
||
|
|
equal(r.endOffset, 5)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_setStartAfterSetEndBefore", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(5);
|
||
|
|
|
||
|
|
r.setStartAfter(document.getElementById('strong'));
|
||
|
|
r.setEndBefore(document.getElementById('em1'));
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeName, 'P')
|
||
|
|
equal(r.startOffset, 5)
|
||
|
|
equal(r.endContainer.nodeName, 'P')
|
||
|
|
equal(r.endOffset, 6)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'P')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_collapse", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(10);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('strong').firstChild, 0);
|
||
|
|
r.setEnd(document.getElementById('strong').firstChild, 6);
|
||
|
|
|
||
|
|
r.collapse(true);
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 3)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('strong').firstChild, 0);
|
||
|
|
r.setEnd(document.getElementById('strong').firstChild, 6);
|
||
|
|
|
||
|
|
r.collapse(false);
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 6)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 6)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 3)
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_selectNode", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(4);
|
||
|
|
|
||
|
|
r.selectNode(document.getElementById('strong').firstChild);
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 1)
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_selectNodeContents", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(8);
|
||
|
|
|
||
|
|
r.selectNodeContents(document.getElementById('strong').firstChild);
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 6)
|
||
|
|
|
||
|
|
r.selectNodeContents(document.getElementById('first'));
|
||
|
|
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 8)
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_insertNode", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(4);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('first').firstChild, 2);
|
||
|
|
r.insertNode(document.createTextNode('ABC'));
|
||
|
|
|
||
|
|
equal(document.getElementById('first').childNodes[0].nodeValue, 'f')
|
||
|
|
equal(document.getElementById('first').childNodes[1].nodeValue, 'ABC')
|
||
|
|
equal(document.getElementById('first').childNodes[2].nodeValue, 'irst')
|
||
|
|
|
||
|
|
r.selectNode(document.getElementById('strong'));
|
||
|
|
r.insertNode(document.createElement('span'));
|
||
|
|
|
||
|
|
equal(document.getElementById('strong').previousSibling.nodeName, 'SPAN')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_cloneRange", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(6);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('strong').firstChild, 2);
|
||
|
|
|
||
|
|
var r2 = r.cloneRange();
|
||
|
|
|
||
|
|
equal(r2.startContainer.nodeType, 3)
|
||
|
|
equal(r2.startOffset, 1)
|
||
|
|
equal(r2.endContainer.nodeType, 3)
|
||
|
|
equal(r2.endOffset, 2)
|
||
|
|
equal(r2.collapsed, false)
|
||
|
|
equal(r2.commonAncestorContainer.nodeName, 'P')
|
||
|
|
});
|
||
|
|
|
||
|
|
if (tinymce.isGecko) {
|
||
|
|
test('test_cloneContents (SKIPPED)', function() {
|
||
|
|
ok(true, 'Before Firefox 3.6 this test fails because of a corner case bug but since the point is to test the IE Range implementation we skip it.');
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
test("test_cloneContents", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(77);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('two').firstChild, 2);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">ab</td></tr></tbody></table>')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 2)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('two').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('last').firstChild, 2);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<table id="table"><tbody><tr><td id="two">bc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">te</p>')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 2)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('first').lastChild, 4);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), 'irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> str')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 4)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'P')
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('first').firstChild, 4);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), 'irs')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 4)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 3)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first'), 0);
|
||
|
|
r.setEnd(document.getElementById('last'), 0);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\"></p>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first'), 1);
|
||
|
|
r.setEnd(document.getElementById('last'), 1);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first"><!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc</p>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 1)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('sample'), 0);
|
||
|
|
r.setEnd(document.getElementById('sample'), document.getElementById('sample').childNodes.length - 1);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, document.getElementById('sample').childNodes.length - 1)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first'), 0);
|
||
|
|
r.setEnd(document.getElementById('last').firstChild, 1);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">t</p>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 1)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('last'), 0);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">irst<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id=\"last\"></p>')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('sample'), 0);
|
||
|
|
r.setEnd(document.getElementById('traverse'), 2);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em></p>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 2)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('sample'), 0);
|
||
|
|
r.setEnd(document.getElementById('traverse'), 1);
|
||
|
|
|
||
|
|
equal(getHTML(r.cloneContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b></p>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 1)
|
||
|
|
equal(r.collapsed, false)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 1)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
test("test_extractContents1", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(10);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('first').firstChild, 4);
|
||
|
|
|
||
|
|
equal(getHTML(r.extractContents()), 'irs')
|
||
|
|
equal(r.startContainer.nodeType, 3)
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 3)
|
||
|
|
equal(r.endOffset, 1)
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.startContainer == r.endContainer, true)
|
||
|
|
equal(r.startOffset == r.endOffset, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeType, 3)
|
||
|
|
equal(getHTML(document.getElementById('first')), '<p id="first">ft<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p>')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_extractContents2", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(9);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('two').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('last').firstChild, 2);
|
||
|
|
|
||
|
|
equal(getHTML(r.extractContents()), '<table id="table"><tbody><tr><td id="two">bc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">te</p>')
|
||
|
|
equal(r.startContainer.nodeType, 1)
|
||
|
|
equal(getHTML(r.startContainer), '<div id="sample"><p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">a</td></tr></tbody></table><p id="last">xtabc<span>span</span></p></div>')
|
||
|
|
equal(r.startOffset, 4)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 4)
|
||
|
|
equal(getHTML(r.endContainer), '<div id="sample"><p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">a</td></tr></tbody></table><p id="last">xtabc<span>span</span></p></div>')
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_extractContents3", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(9);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('sample'), 0);
|
||
|
|
r.setEnd(document.getElementById('traverse'), 2);
|
||
|
|
|
||
|
|
equal(getHTML(r.extractContents()), '<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em></p>')
|
||
|
|
equal(getHTML(r.startContainer), '<div id="sample"><p id="traverse">more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(getHTML(r.endContainer), '<div id="sample"><p id="traverse">more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(getHTML(document.getElementById('sample')), '<div id="sample"><p id="traverse">more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_deleteContents1", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(8);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('two').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('last').firstChild, 2);
|
||
|
|
r.deleteContents();
|
||
|
|
|
||
|
|
equal(getHTML(r.startContainer), '<div id="sample"><p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">a</td></tr></tbody></table><p id="last">xtabc<span>span</span></p></div>')
|
||
|
|
equal(r.startOffset, 4)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 4)
|
||
|
|
equal(getHTML(r.endContainer), '<div id="sample"><p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">a</td></tr></tbody></table><p id="last">xtabc<span>span</span></p></div>')
|
||
|
|
equal(getHTML(document.getElementById('sample')), '<div id="sample"><p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">a</td></tr></tbody></table><p id="last">xtabc<span>span</span></p></div>')
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_deleteContents2", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(8);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('first').firstChild, 1);
|
||
|
|
r.setEnd(document.getElementById('first').lastChild, 4);
|
||
|
|
r.deleteContents();
|
||
|
|
|
||
|
|
equal(getHTML(r.startContainer), '<p id="first">fong.</p>')
|
||
|
|
equal(r.startOffset, 1)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 1)
|
||
|
|
equal(getHTML(r.endContainer), '<p id="first">fong.</p>')
|
||
|
|
equal(getHTML(document.getElementById('sample')), '<div id="sample"><p id="first">fong.</p><p id="second">bar</p><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'P')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_deleteContents3", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(8);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('sample'), 0);
|
||
|
|
r.setEnd(document.getElementById('sample'), 2);
|
||
|
|
r.deleteContents();
|
||
|
|
|
||
|
|
equal(getHTML(r.startContainer), '<div id="sample"><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(getHTML(r.endContainer), '<div id="sample"><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(getHTML(document.getElementById('sample')), '<div id="sample"><p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_deleteContents4", function() {
|
||
|
|
var r = createRng();
|
||
|
|
|
||
|
|
setup();
|
||
|
|
expect(8);
|
||
|
|
|
||
|
|
r.setStart(document.getElementById('sample'), 0);
|
||
|
|
r.setEnd(document.getElementById('traverse'), 2);
|
||
|
|
r.deleteContents();
|
||
|
|
|
||
|
|
equal(getHTML(r.startContainer), '<div id="sample"><p id="traverse">more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.startOffset, 0)
|
||
|
|
equal(r.endContainer.nodeType, 1)
|
||
|
|
equal(r.endOffset, 0)
|
||
|
|
equal(getHTML(r.endContainer), '<div id="sample"><p id="traverse">more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(getHTML(document.getElementById('sample')), '<div id="sample"><p id="traverse">more text</p><table id="table"><tbody><tr><td>1</td><td id="two">abc</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><p id="last">textabc<span>span</span></p></div>')
|
||
|
|
equal(r.collapsed, true)
|
||
|
|
equal(r.commonAncestorContainer.nodeName, 'DIV')
|
||
|
|
});
|
||
|
|
|
||
|
|
test("test_compareBoundaryPoints", function() {
|
||
|
|
var r1 = createRng(), r2 = createRng(), START_TO_START = 0, START_TO_END = 1, END_TO_END = 2, END_TO_START = 3;
|
||
|
|
setup();
|
||
|
|
|
||
|
|
r1.setStartBefore(document.getElementById('strong'));
|
||
|
|
r1.setEndAfter(document.getElementById('strong'));
|
||
|
|
r2.setStartBefore(document.getElementById('strong'));
|
||
|
|
r2.setEndAfter(document.getElementById('strong'));
|
||
|
|
equal(r1.compareBoundaryPoints(START_TO_START, r2), 0, 'Start to start for same ranges');
|
||
|
|
equal(r1.compareBoundaryPoints(END_TO_END, r2), 0, 'End to end for same ranges');
|
||
|
|
equal(r1.compareBoundaryPoints(START_TO_END, r1), 1, 'Start to end for same ranges');
|
||
|
|
equal(r1.compareBoundaryPoints(END_TO_START, r2), -1, 'End to start for same ranges');
|
||
|
|
|
||
|
|
r1.setStartBefore(document.getElementById('strong'));
|
||
|
|
r1.setEndAfter(document.getElementById('strong'));
|
||
|
|
r2.setStartBefore(document.getElementById('em1'));
|
||
|
|
r2.setEndAfter(document.getElementById('em1'));
|
||
|
|
equal(r1.compareBoundaryPoints(START_TO_START, r2), -1, 'Start to start for range before');
|
||
|
|
equal(r1.compareBoundaryPoints(END_TO_END, r2), -1, 'End to end for range before');
|
||
|
|
equal(r1.compareBoundaryPoints(START_TO_END, r2), -1, 'Start to end for range before');
|
||
|
|
equal(r1.compareBoundaryPoints(END_TO_START, r2), -1, 'End to start for range before');
|
||
|
|
|
||
|
|
equal(r2.compareBoundaryPoints(START_TO_START, r1), 1, 'Start to start for range after');
|
||
|
|
equal(r2.compareBoundaryPoints(END_TO_END, r1), 1, 'End to end for range after');
|
||
|
|
equal(r2.compareBoundaryPoints(START_TO_END, r1), 1, 'Start to end for range after');
|
||
|
|
equal(r2.compareBoundaryPoints(END_TO_START, r1), 1, 'End to start for range after');
|
||
|
|
|
||
|
|
r1.setStartBefore(document.getElementById('strong'));
|
||
|
|
r1.setEndAfter(document.getElementById('strong'));
|
||
|
|
r2.setStart(document.getElementById('strong').firstChild, 2);
|
||
|
|
r2.setEnd(document.getElementById('strong').firstChild, 3);
|
||
|
|
equal(r1.compareBoundaryPoints(START_TO_START, r2), -1, 'Start to start for range inside');
|
||
|
|
equal(r1.compareBoundaryPoints(END_TO_END, r2), 1, 'End to end for range inside');
|
||
|
|
equal(r1.compareBoundaryPoints(START_TO_END, r2), 1, 'Start to end for range inside');
|
||
|
|
equal(r1.compareBoundaryPoints(END_TO_START, r2), -1, 'End to start for range inside');
|
||
|
|
});
|
||
|
|
|
||
|
|
test("toString in part of same text node", function() {
|
||
|
|
var rng = createRng();
|
||
|
|
|
||
|
|
rng.setStart(document.getElementById('strong').firstChild, 1);
|
||
|
|
rng.setEnd(document.getElementById('strong').firstChild, 3);
|
||
|
|
equal(rng.toString(), "tr");
|
||
|
|
});
|
||
|
|
|
||
|
|
test("toString in start/end of same text node", function() {
|
||
|
|
var rng = createRng();
|
||
|
|
|
||
|
|
rng.setStart(document.getElementById('strong').firstChild, 0);
|
||
|
|
rng.setEnd(document.getElementById('strong').firstChild, 6);
|
||
|
|
equal(rng.toString(), "strong");
|
||
|
|
});
|
||
|
|
|
||
|
|
test("toString in start in one text node end in another", function() {
|
||
|
|
var rng = createRng();
|
||
|
|
|
||
|
|
rng.setStart(document.getElementById('strong').firstChild, 1);
|
||
|
|
rng.setEnd(document.getElementById('em1').firstChild, 1);
|
||
|
|
equal(rng.toString(), "trong second e");
|
||
|
|
});
|
||
|
|
|
||
|
|
// Run on IE only
|
||
|
|
if (tinymce.isIE) {
|
||
|
|
test("toString in start in one text node end in another", function() {
|
||
|
|
var rng = createRng();
|
||
|
|
|
||
|
|
rng.setStartBefore(document.getElementById('strong'));
|
||
|
|
rng.setEndAfter(document.getElementById('em2'));
|
||
|
|
equal(rng.toString().replace(/\r\n/g, ''), "strong second em strong.barsome text");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
tinymce.DOM.bind(window, 'load', function() {
|
||
|
|
QUnit.start();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<h1 id="qunit-header">Unit tests for DOM Range IE implementation</h1>
|
||
|
|
<h2 id="qunit-banner"></h2>
|
||
|
|
<div id="qunit-testrunner-toolbar"></div>
|
||
|
|
<h2 id="qunit-userAgent"></h2>
|
||
|
|
<ol id="qunit-tests"></ol>
|
||
|
|
<div id="sample">
|
||
|
|
<p id="first">first<!--not--> strong <!-- --><strong id="strong">strong</strong> second <em id="em1">em</em> strong.</p>
|
||
|
|
<p id="second">bar</p>
|
||
|
|
<p id="traverse"><b><em id="em2">some text</em></b><em>em text</em>more text</p>
|
||
|
|
<table id="table">
|
||
|
|
<tr>
|
||
|
|
<td>1</td>
|
||
|
|
<td id="two">abc</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>3</td>
|
||
|
|
<td>4</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<p id="last">textabc<span>span</span></p>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|