Your IP : 216.73.216.40
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unit tests for tinymce.dom.Selection</title>
<link rel="stylesheet" href="qunit/qunit.css" type="text/css" media="screen">
<script type="text/javascript" src="qunit/qunit.js"></script>
<script type="text/javascript" src="qunit/runner.js"></script>
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script>
var editor;
QUnit.config.autostart = false;
module("Selection", {
autostart: false
});
test('getContent', function() {
var rng, eventObj;
// Get selected contents
editor.setContent('<p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody(), 0);
rng.setEnd(editor.getBody(), 1);
editor.selection.setRng(rng);
equals(editor.selection.getContent(), '<p>text</p>', 'Get selected contents');
// Get selected contents (collapsed)
editor.setContent('<p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody(), 0);
rng.setEnd(editor.getBody(), 0);
editor.selection.setRng(rng);
equals(editor.selection.getContent(), '', 'Get selected contents (collapsed)');
// Get selected contents, onGetContent event
eventObj = {};
function handler(sender, event) {
eventObj = event;
};
editor.selection.onGetContent.add(handler);
editor.setContent('<p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody(), 0);
rng.setEnd(editor.getBody(), 1);
editor.selection.setRng(rng);
editor.selection.getContent();
equals(eventObj.content, '<p>text</p>', 'Get selected contents, onGetContent event');
editor.selection.onGetContent.remove(handler);
});
test('setContent', function() {
var rng, eventObj;
// Set contents at selection
editor.setContent('<p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody(), 0);
rng.setEnd(editor.getBody(), 1);
editor.selection.setRng(rng);
editor.selection.setContent('<div>test</div>');
equals(editor.getContent(), '<div>test</div>', 'Set contents at selection');
// Set contents at selection (collapsed)
editor.setContent('<p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody(), 0);
rng.setEnd(editor.getBody(), 0);
editor.selection.setRng(rng);
editor.selection.setContent('<div>test</div>');
equals(editor.getContent(), '<div>test</div><p>text</p>', 'Set contents at selection (collapsed)');
// Set selected contents, onSetContent event
eventObj = {};
function handler(sender, event) {
eventObj = event;
};
editor.selection.onSetContent.add(handler);
editor.setContent('<p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody(), 0);
rng.setEnd(editor.getBody(), 1);
editor.selection.setRng(rng);
editor.selection.setContent('<div>text</div>');
equals(eventObj.content, '<div>text</div>', 'Set selected contents, onSetContent event');
editor.selection.onSetContent.remove(handler);
});
test('getStart/getEnd', function() {
var rng;
// Selected contents
editor.setContent('<p id="a">text</p><p id="b">text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.firstChild, 0);
rng.setEnd(editor.getBody().lastChild.firstChild, 0);
editor.selection.setRng(rng);
equals(editor.selection.getStart().id, 'a', 'Selected contents (getStart)');
equals(editor.selection.getEnd().id, 'b', 'Selected contents (getEnd)');
// Selected contents (collapsed)
editor.setContent('<p id="a">text</p><p id="b">text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.firstChild, 0);
rng.setEnd(editor.getBody().firstChild.firstChild, 0);
editor.selection.setRng(rng);
equals(editor.selection.getStart().id, 'a', 'Selected contents (getStart, collapsed)');
equals(editor.selection.getEnd().id, 'a', 'Selected contents (getEnd, collapsed)');
});
test('getBookmark/setBookmark (persistent)', function() {
var rng, bookmark;
// Get persistent bookmark simple text selection
editor.setContent('text');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild, 1);
rng.setEnd(editor.getBody().firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark();
equals(editor.getContent(), 'text', 'Editor contents (text)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), 'ex', 'Selected contents (text)');
// Get persistent bookmark multiple elements text selection
editor.setContent('<p>text</p><p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.firstChild, 1);
rng.setEnd(editor.getBody().lastChild.firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark();
equals(editor.getContent(), '<p>text</p><p>text</p>', 'Editor contents (elements)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), '<p>ext</p><p>tex</p>', 'Selected contents (elements)');
});
test('getBookmark/setBookmark (simple)', function() {
var rng, bookmark;
// Get persistent bookmark simple text selection
editor.setContent('text');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild, 1);
rng.setEnd(editor.getBody().firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark(1);
equals(editor.getContent(), 'text', 'Editor contents (text)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), 'ex', 'Selected contents (text)');
// Get persistent bookmark multiple elements text selection
editor.setContent('<p>text</p><p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.firstChild, 1);
rng.setEnd(editor.getBody().lastChild.firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark(1);
equals(editor.getContent(), '<p>text</p><p>text</p>', 'Editor contents (elements)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), '<p>ext</p><p>tex</p>', 'Selected contents (elements)');
});
test('getBookmark/setBookmark (non intrusive)', function() {
var rng, bookmark;
expect(8);
// Get non intrusive bookmark simple text selection
editor.setContent('text');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild, 1);
rng.setEnd(editor.getBody().firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark(2);
equals(editor.getContent(), 'text', 'Editor contents (text)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), 'ex', 'Selected contents (text)');
// Get non intrusive bookmark multiple elements text selection
editor.setContent('<p>text</p><p>text</p>');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.firstChild, 1);
rng.setEnd(editor.getBody().lastChild.firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark(2);
equals(editor.getContent(), '<p>text</p><p>text</p>', 'Editor contents (elements)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), '<p>ext</p><p>tex</p>', 'Selected contents (elements)');
// Get non intrusive bookmark multiple elements text selection fragmented
editor.setContent('<p>text</p><p>text</p>');
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('a'));
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('a'));
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('a'));
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('text'));
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.lastChild, 1);
rng.setEnd(editor.getBody().lastChild.firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark(2);
equals(editor.getContent(), '<p>textaaatext</p><p>text</p>', 'Editor contents (fragmented, elements)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), '<p>ext</p><p>tex</p>', 'Selected contents (fragmented, elements)');
// Get non intrusive bookmark multiple elements text selection fragmented
editor.setContent('<p>text</p><p>text</p>');
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('a'));
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('a'));
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('a'));
editor.dom.select('p')[0].appendChild(editor.dom.doc.createTextNode('text'));
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.lastChild, 1);
rng.setEnd(editor.getBody().lastChild.firstChild, 3);
editor.selection.setRng(rng);
bookmark = editor.selection.getBookmark(2, true);
editor.setContent(editor.getContent());
equals(editor.getContent(), '<p>textaaatext</p><p>text</p>', 'Editor contents (fragmented, elements)');
editor.selection.moveToBookmark(bookmark);
equals(editor.selection.getContent(), '<p>ext</p><p>tex</p>', 'Selected contents (fragmented, elements)');
});
test('select', function() {
var rng;
// Select simple element
editor.setContent('<p>text1</p><p>text2</p>');
editor.selection.select(editor.dom.select('p')[0]);
equals(editor.selection.getContent(), '<p>text1</p>', 'Select simple element, content');
equals(editor.selection.getStart().nodeName, 'P', 'Select simple element, nodeName');
// Select complex element
editor.setContent('<table><tbody><tr><td>text1</td></tr></tbody></table>');
editor.selection.select(editor.dom.select('table')[0]);
equals(editor.selection.getContent(), '<table><tbody><tr><td>text1</td></tr></tbody></table>', 'Select complex element, content');
equals(editor.selection.getNode().nodeName, 'TABLE', 'Select complex element, nodeName');
// Select contents 1
editor.setContent('<table><tbody><tr><td id="a">text1</td><td id="b">text2</td></tr></tbody></table>');
editor.selection.select(editor.dom.select('table')[0], true);
equals(editor.selection.getStart().id, 'a', 'Expand to text content 1 (start)');
equals(editor.selection.getEnd().id, 'b', 'Expand to text content 1 (end)');
// Select contents 2
editor.setContent('<table><tbody><tr><td id="a"><br /></td><td id="b"><br /></td></tr></tbody></table>');
editor.selection.select(editor.dom.select('table')[0], true);
equals(editor.dom.getParent(editor.selection.getStart(), 'td').id, 'a', 'Expand to text content 2 (start)');
equals(editor.dom.getParent(editor.selection.getEnd(), 'td').id, 'b', 'Expand to text content 2 (end)');
});
tinyMCE.init({
mode : "exact",
elements : "elm1",
theme : "advanced",
add_unload_trigger : false,
apply_source_formatting : 0,
fix_list_elements : 0,
fix_table_elements : 0,
forced_root_block : '',
entities : 'raw',
valid_styles : {
'*' : 'color,font-size,font-family,background-color,font-weight,font-style,text-decoration,float,margin,margin-top,margin-right,margin-bottom,margin-left,display'
},
init_instance_callback : function(ed) {
editor = ed;
ed.onNodeChange.addToTop(function() {
return false;
});
QUnit.start();
}
});
</script>
</head>
<body>
<h1 id="qunit-header">Unit tests for tinymce.dom.Selection</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<textarea id="elm1" name="elm1"></textarea>
<div>
<a href="javascript:alert(tinymce.EditorManager.get('elm1').getContent({format : 'raw'}));">[getRawContents]</a>
<a href="javascript:alert(tinymce.EditorManager.get('elm1').getContent());">[getContents]</a>
</div>
</body>
</html>