2014-02-10 02:11:25 +01:00
<!DOCTYPE html>
< html >
< head >
< title > Unit tests for tinymce.EditorCommands< / 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/utils.js" > < / script >
< script src = "../js/tinymce_loader.js" > < / script >
< script >
var editor;
QUnit.config.reorder = false;
QUnit.config.autostart = false;
module("tinymce.EditorCommands", {
autostart: false
});
function getContent() {
return editor.getContent({format:'raw'}).toLowerCase().replace(/[\r\n]+/g, '');
};
test('mceInsertContent - p inside text of p', function() {
var rng;
expect(7);
editor.setContent('< p > 1234< / p > ');
editor.focus();
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
rng.setEnd(editor.dom.select('p')[0].firstChild, 3);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< p > abc< / p > ');
equal(getContent(), '< p > 1< / p > < p > abc< / p > < p > 4< / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - p inside whole p', function() {
var rng;
expect(7);
editor.setContent('< p > 1234< / p > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 0);
rng.setEnd(editor.dom.select('p')[0].firstChild, 4);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< p > abc< / p > ');
equal(getContent(), '< p > abc< / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - pre in text of pre', function() {
var rng;
expect(7);
editor.setContent('< pre > 1234< / pre > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('pre')[0].firstChild, 1);
rng.setEnd(editor.dom.select('pre')[0].firstChild, 3);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< pre > abc< / pre > ');
equal(getContent(), '< pre > 1< / pre > < pre > abc< / pre > < pre > 4< / pre > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'PRE');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'PRE');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - h1 in text of h1', function() {
var rng;
expect(7);
editor.setContent('< h1 > 1234< / h1 > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('h1')[0].firstChild, 1);
rng.setEnd(editor.dom.select('h1')[0].firstChild, 3);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< h1 > abc< / h1 > ');
equal(getContent(), '< h1 > 1< / h1 > < h1 > abc< / h1 > < h1 > 4< / h1 > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'H1');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'H1');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - li inside li', function() {
var rng;
expect(7);
editor.setContent('< ul > < li > 1234< / li > < / ul > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('li')[0].firstChild, 1);
rng.setEnd(editor.dom.select('li')[0].firstChild, 3);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< li > abc< / li > ');
equal(getContent(), '< ul > < li > 1< / li > < li > abc< / li > < li > 4< / li > < / ul > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'LI');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'LI');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - p inside empty editor', function() {
var rng;
expect(7);
editor.setContent('');
editor.execCommand('mceInsertContent', false, '< p > abc< / p > ');
equal(getContent(), '< p > abc< / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - text inside empty p', function() {
var rng;
expect(7);
editor.getBody().innerHTML = '< p > < / p > ';
setSelection('p', 0);
editor.execCommand('mceInsertContent', false, 'abc');
equal(editor.getBody().innerHTML.toLowerCase().replace(/^< br > /, ''), '< p > abc< / p > '); // Opera inserts a BR at the beginning of contents if the P is empty
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - text inside empty p with br caret node', function() {
var rng;
expect(7);
editor.getBody().innerHTML = '< p > < br > < / p > ';
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild, 0);
rng.setEnd(editor.getBody().firstChild, 0);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, 'abc');
equal(editor.getBody().innerHTML.toLowerCase(), '< p > abc< / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 1);
equal(rng.startContainer.innerHTML, 'abc');
});
test('mceInsertContent - image inside p', function() {
var rng;
expect(6);
editor.setContent('< p > 1< / p > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 0);
rng.setEnd(editor.dom.select('p')[0].firstChild, 1);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< img src = "about:blank" / > ');
equal(editor.getContent(), '< p > < img src = "about:blank" alt = "" / > < / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 1);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 1);
});
test('mceInsertContent - legacy content', function() {
var rng;
expect(1);
// Convert legacy content
editor.setContent('< p > 1< / p > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 0);
rng.setEnd(editor.dom.select('p')[0].firstChild, 1);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< u > u< / u > < strike > strike< / strike > < font size = "7" > font< / font > ');
equal(editor.getContent(), '< p > < span style = "text-decoration: underline;" > u< / span > < span style = "text-decoration: line-through;" > strike< / span > < span style = "font-size: 300%;" > font< / span > < / p > ');
});
test('mceInsertContent - hr', function() {
var rng;
expect(7);
editor.setContent('< p > 123< / p > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, '< hr / > ');
equal(editor.getContent(), '< p > 1< / p > < hr / > < p > 3< / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer, editor.getBody().lastChild);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 0);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 0);
});
test('mceInsertContent - forced root block', function() {
var rng;
expect(1);
// Forced root block
editor.getBody().innerHTML = '';
editor.execCommand('mceInsertContent', false, 'test< b > 123< / b > <!-- a --> ');
// Opera adds an extra paragraph since it adds a BR at the end of the contents pass though this for now since it's an minority browser
equal(editor.getContent().replace(/< p > \u00a0< \/p>/g, ''), '< p > test< strong > 123< / strong > < / p > <!-- a --> ');
});
test('mceInsertContent - mixed inline content inside td', function() {
var rng;
expect(1);
// Forced root block
editor.getBody().innerHTML = '< table > < tr > < td > X< / td > < / tr > < / table > ';
setSelection('td', 0, 'td', 0);
editor.execCommand('mceInsertContent', false, 'test< b > 123< / b > <!-- a --> ');
equal(editor.getContent(), '< table > < tbody > < tr > < td > test< strong > 123< / strong > <!-- a --> X< / td > < / tr > < / tbody > < / table > ');
});
test('mceInsertContent - invalid insertion with spans on page', function(){
var startingContent = '< p > 123 testing < em > span later in document< / em > < / p > ',
insertedContent = '< ul > < li > u< / li > < li > l< / li > < / ul > ';
editor.setContent(startingContent);
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 0);
rng.setEnd(editor.dom.select('p')[0].firstChild, 0);
editor.selection.setRng(rng);
editor.execCommand('mceInsertContent', false, insertedContent);
equal(editor.getContent(), insertedContent + startingContent);
});
test('mceInsertContent - text with space before at start of block', function() {
editor.getBody().innerHTML = '< p > a< / p > ';
setSelection('p', 0);
editor.execCommand('mceInsertContent', false, ' b');
equal(editor.getContent(), '< p > \u00a0ba< / p > ');
});
test('mceInsertContent - text with space after at end of block', function() {
editor.getBody().innerHTML = '< p > a< / p > ';
setSelection('p', 1);
editor.execCommand('mceInsertContent', false, 'b ');
equal(editor.getContent(), '< p > ab\u00a0< / p > ');
});
test('mceInsertContent - text with space before/after at middle of block', function() {
editor.getBody().innerHTML = '< p > ac< / p > ';
setSelection('p', 1);
editor.execCommand('mceInsertContent', false, ' b ');
equal(editor.getContent(), '< p > a b c< / p > ');
});
test('mceInsertContent - inline element with space before/after at middle of block', function() {
editor.getBody().innerHTML = '< p > ac< / p > ';
setSelection('p', 1);
editor.execCommand('mceInsertContent', false, ' < em > b< / em > ');
equal(editor.getContent(), '< p > a < em > b< / em > c< / p > ');
});
test('mceInsertContent - block element with space before/after at middle of block', function() {
editor.getBody().innerHTML = '< p > ac< / p > ';
setSelection('p', 1);
editor.execCommand('mceInsertContent', false, ' < p > b< / p > ');
equal(editor.getContent(), '< p > a< / p > < p > b< / p > < p > c< / p > ');
});
test('InsertHorizontalRule', function() {
var rng;
expect(7);
editor.setContent('< p > 123< / p > ');
rng = editor.dom.createRng();
rng.setStart(editor.dom.select('p')[0].firstChild, 1);
rng.setEnd(editor.dom.select('p')[0].firstChild, 2);
editor.selection.setRng(rng);
editor.execCommand('InsertHorizontalRule');
equal(editor.getContent(), '< p > 1< / p > < hr / > < p > 3< / p > ');
rng = normalizeRng(editor.selection.getRng(true));
ok(rng.collapsed);
equal(rng.startContainer, editor.getBody().lastChild);
equal(rng.startContainer.nodeName, 'P');
equal(rng.startOffset, 0);
equal(rng.endContainer.nodeName, 'P');
equal(rng.endOffset, 0);
});
test('Justify - multiple block elements selected - queryCommandState', function() {
editor.setContent('< div style = "text-align: left;" > < div id = "a" style = "text-align: right;" > one< / div > < div id = "b" style = "text-align: right;" > two< / div > < / div > ');
setSelection('#a', 0, '#b', 3);
equal(editor.queryCommandState('JustifyLeft'), false);
ok(editor.queryCommandState('JustifyRight'));
});
test('Formatting commands (xhtmlTextStyles)', function() {
var c;
expect(19);
editor.focus();
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('Bold');
equal(editor.getContent(), "< p > < strong > test 123< / strong > < / p > ");
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('Italic');
equal(editor.getContent(), "< p > < em > test 123< / em > < / p > ");
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('Underline');
equal(editor.getContent(), '< p > < span style = "text-decoration: underline;" > test 123< / span > < / p > ');
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('Strikethrough');
equal(editor.getContent(), '< p > < span style = "text-decoration: line-through;" > test 123< / span > < / p > ');
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('FontName',false,'Arial');
equal(editor.getContent(), '< p > < span style = "font-family: ' + fontFace('Arial') + ';" > test 123< / span > < / p > ');
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('FontSize',false,'7');
equal(editor.getContent(), '< p > < span style = "font-size: xx-large;" > test 123< / span > < / p > ');
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('ForeColor', false, '#FF0000');
equal(editor.getContent(), '< p > < span style = "color: #ff0000;" > test 123< / span > < / p > ');
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('HiliteColor', false, '#FF0000');
equal(editor.getContent(), '< p > < span style = "background-color: #ff0000;" > test 123< / span > < / p > ');
editor.setContent('< p > < span style = "text-decoration: underline;" > test 123< / span > < / p > ');
equal(editor.getContent(), '< p > < span style = "text-decoration: underline;" > test 123< / span > < / p > ');
editor.setContent('< p > < span style = "text-decoration: line-through;" > test 123< / span > < / p > ');
equal(editor.getContent(), '< p > < span style = "text-decoration: line-through;" > test 123< / span > < / p > ');
editor.setContent('< p > < span style = "font-family: Arial;" > test 123< / span > < / p > ');
equal(editor.getContent(), '< p > < span style = "font-family: Arial;" > test 123< / span > < / p > ');
editor.setContent('< p > < span style = "font-size: xx-large;" > test 123< / span > < / p > ');
equal(editor.getContent(), '< p > < span style = "font-size: xx-large;" > test 123< / span > < / p > ');
editor.setContent('< p > < u > test 123< / u > < / p > ');
equal(editor.getContent(), '< p > < span style = "text-decoration: underline;" > test 123< / span > < / p > ');
editor.setContent('< p > < strike > test 123< / strike > < / p > ');
equal(editor.getContent(), '< p > < span style = "text-decoration: line-through;" > test 123< / span > < / p > ');
editor.setContent('< p > < font face = "Arial" > test 123< / font > < / p > ');
equal(editor.getContent(), '< p > < span style = "font-family: ' + fontFace('Arial') + ';" > test 123< / span > < / p > ');
editor.setContent('< p > < font size = "7" > test 123< / font > < / p > ');
equal(editor.getContent(), '< p > < span style = "font-size: 300%;" > test 123< / span > < / p > ');
editor.setContent('< p > < font face = "Arial" size = "7" > test 123< / font > < / p > ');
equal(editor.getContent(), '< p > < span style = "font-size: 300%; font-family: ' + fontFace('Arial') + ';" > test 123< / span > < / p > ');
editor.setContent('< font style = "background-color: #ff0000" color = "#ff0000" > test< / font > < font face = "Arial" > test< / font > ');
equal(editor.getContent(), '< p > < span style = "color: #ff0000; background-color: #ff0000;" > test< / span > < span style = "font-family: ' + fontFace('Arial') + ';" > test< / span > < / p > ');
editor.setContent('< p > < font face = "Arial" style = "color: #ff0000" > test 123< / font > < / p > ');
equal(editor.getContent(), '< p > < span style = "color: #ff0000; font-family: ' + fontFace('Arial') + ';" > test 123< / span > < / p > ');
});
test('Formatting commands (alignInline)', function() {
expect(7);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('JustifyLeft');
equal(editor.getContent(), '< p style = "text-align: left;" > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('JustifyCenter');
equal(editor.getContent(), '< p style = "text-align: center;" > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('JustifyRight');
equal(editor.getContent(), '< p style = "text-align: right;" > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('JustifyFull');
equal(editor.getContent(), '< p style = "text-align: justify;" > test 123< / p > ');
editor.setContent('< img src = "../media/logo.jpg" / > ');
editor.selection.select(editor.dom.select('img')[0]);
editor.execCommand('JustifyLeft');
equal(editor.getContent(), '< p > < img style = "float: left;" src = "../media/logo.jpg" alt = "" / > < / p > ');
editor.setContent('< img src = "../media/logo.jpg" / > ');
editor.selection.select(editor.dom.select('img')[0]);
editor.execCommand('JustifyCenter');
equal(editor.getContent(), '< p > < img style = "margin-right: auto; margin-left: auto; display: block;" src = "../media/logo.jpg" alt = "" / > < / p > ');
editor.setContent('< img src = "../media/logo.jpg" / > ');
editor.selection.select(editor.dom.select('img')[0]);
editor.execCommand('JustifyRight');
equal(editor.getContent(), '< p > < img style = "float: right;" src = "../media/logo.jpg" alt = "" / > < / p > ');
});
test('mceBlockQuote', function() {
expect(2);
editor.focus();
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceBlockQuote');
equal(editor.getContent().replace(/\s+/g, ''), '< blockquote > < p > test123< / p > < / blockquote > ');
editor.setContent('< p > test 123< / p > < p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceBlockQuote');
equal(editor.getContent().replace(/\s+/g, ''), '< blockquote > < p > test123< / p > < p > test123< / p > < / blockquote > ');
});
test('FormatBlock', function() {
expect(9);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'h1');
equal(editor.getContent(), '< h1 > test 123< / h1 > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'h2');
equal(editor.getContent(), '< h2 > test 123< / h2 > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'h3');
equal(editor.getContent(), '< h3 > test 123< / h3 > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'h4');
equal(editor.getContent(), '< h4 > test 123< / h4 > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'h5');
equal(editor.getContent(), '< h5 > test 123< / h5 > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'h6');
equal(editor.getContent(), '< h6 > test 123< / h6 > ');
editor.execCommand('SelectAll');
try {
editor.execCommand('FormatBlock', false, 'div');
} catch (ex) {
//t.log('Failed: ' + ex.message);
}
equal(editor.getContent(), '< div > test 123< / div > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'address');
equal(editor.getContent(), '< address > test 123< / address > ');
editor.execCommand('SelectAll');
editor.execCommand('FormatBlock', false, 'pre');
equal(editor.getContent(), '< pre > test 123< / pre > ');
});
test('mceInsertLink (relative)', function() {
expect(1);
editor.setContent('test 123');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'test');
equal(editor.getContent(), '< p > < a href = "test" > test 123< / a > < / p > ');
});
test('mceInsertLink (link absolute)', function() {
expect(1);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'http://www.site.com');
equal(editor.getContent(), '< p > < a href = "http://www.site.com" > test 123< / a > < / p > ');
});
test('mceInsertLink (link encoded)', function() {
expect(1);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, '"&<>');
equal(editor.getContent(), '< p > < a href = ""&<>" > test 123< / a > < / p > ');
});
test('mceInsertLink (link encoded and with class)', function() {
expect(1);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, {href : '"& < >', 'class' : 'test'});
equal(editor.getContent(), '< p > < a class = "test" href = ""&<>" > test 123< / a > < / p > ');
});
test('mceInsertLink (link with space)', function() {
expect(1);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, {href : 'foo bar'});
equal(editor.getContent(), '< p > < a href = "foo%20bar" > test 123< / a > < / p > ');
});
test('mceInsertLink (link floated img)', function() {
expect(1);
editor.setContent('< p > < img style = "float: right;" src = "about:blank" / > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "link" > < img style = "float: right;" src = "about:blank" alt = "" / > < / a > < / p > ');
});
test('mceInsertLink (link adjacent text)', function() {
var rng;
expect(1);
editor.setContent('< p > < a href = "#" > a< / a > b< / p > ');
rng = editor.dom.createRng();
rng.setStart(editor.getBody().firstChild.lastChild, 0);
rng.setEnd(editor.getBody().firstChild.lastChild, 1);
editor.selection.setRng(rng);
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "#" > a< / a > < a href = "link" > b< / a > < / p > ');
});
test('mceInsertLink (link text inside text)', function() {
var rng;
expect(1);
editor.setContent('< p > < a href = "#" > < em > abc< / em > < / a > < / p > ');
setSelection('em', 1, 'em', 2);
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "link" > < em > abc< / em > < / a > < / p > ');
});
test('mceInsertLink (link around existing links)', function() {
var rng;
expect(1);
editor.setContent('< p > < a href = "#1" > 1< / a > < a href = "#2" > 2< / a > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "link" > 12< / a > < / p > ');
});
test('mceInsertLink (link around existing links with different attrs)', function() {
var rng;
expect(1);
editor.setContent('< p > < a id = "a" href = "#1" > 1< / a > < a id = "b" href = "#2" > 2< / a > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "link" > 12< / a > < / p > ');
});
test('mceInsertLink (link around existing complex contents with links)', function() {
var rng;
expect(1);
editor.setContent('< p > < span id = "s1" > < strong > < a id = "a" href = "#1" > < em > 1< / em > < / a > < / strong > < / span > < span id = "s2" > < em > < a id = "b" href = "#2" > < strong > 2< / strong > < / a > < / em > < / span > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "link" > < span id = "s1" > < strong > < em > 1< / em > < / strong > < / span > < span id = "s2" > < em > < strong > 2< / strong > < / em > < / span > < / a > < / p > ');
});
test('mceInsertLink (link text inside link)', function() {
var rng;
expect(1);
editor.setContent('< p > < a href = "#" > test< / a > < / p > ');
setSelection('p', 0, 'p', 1);
editor.execCommand('SelectAll');
editor.execCommand('mceInsertLink', false, 'link');
equal(editor.getContent(), '< p > < a href = "link" > test< / a > < / p > ');
});
test('unlink', function() {
expect(1);
editor.setContent('< p > < a href = "test" > test< / a > < a href = "test" > 123< / a > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('unlink');
equal(editor.getContent(), '< p > test 123< / p > ');
});
test('subscript/superscript', function() {
expect(4);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('subscript');
equal(editor.getContent(), '< p > < sub > test 123< / sub > < / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('superscript');
equal(editor.getContent(), '< p > < sup > test 123< / sup > < / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('subscript');
editor.execCommand('subscript');
equal(editor.getContent(), '< p > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('superscript');
editor.execCommand('superscript');
equal(editor.getContent(), '< p > test 123< / p > ');
});
test('indent/outdent', function() {
expect(4);
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('Indent');
equal(editor.getContent(), '< p style = "padding-left: 30px;" > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('Indent');
editor.execCommand('Indent');
equal(editor.getContent(), '< p style = "padding-left: 60px;" > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('Indent');
editor.execCommand('Indent');
editor.execCommand('Outdent');
equal(editor.getContent(), '< p style = "padding-left: 30px;" > test 123< / p > ');
editor.setContent('< p > test 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('Outdent');
equal(editor.getContent(), '< p > test 123< / p > ');
});
test('RemoveFormat', function() {
var t = this;
2014-03-04 02:56:57 +01:00
expect(4);
2014-02-10 02:11:25 +01:00
editor.setContent('< p > < em > test< / em > < strong > 123< / strong > < a href = "123" > 123< / a > 123< / p > ');
editor.execCommand('SelectAll');
editor.execCommand('RemoveFormat');
equal(editor.getContent(), '< p > test 123 < a href = "123" > 123< / a > 123< / p > ');
editor.setContent('< p > < em > < em > test< / em > < strong > 123< / strong > < a href = "123" > 123< / a > 123< / em > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('RemoveFormat');
equal(editor.getContent(), '< p > test 123 < a href = "123" > 123< / a > 123< / p > ');
editor.setContent('< p > < em > test< span id = "x" > test < strong > 123< / strong > < / span > < a href = "123" > 123< / a > 123< / em > < / p > ');
editor.selection.select(editor.dom.get('x'));
editor.execCommand('RemoveFormat');
equal(editor.getContent(), '< p > < em > test< / em > < span id = "x" > test 123< / span > < em > < a href = "123" > 123< / a > 123< / em > < / p > ');
2014-03-04 02:56:57 +01:00
editor.setContent('< p > < dfn > dfn tag < / dfn > < code > code tag < / code > < samp > samp tag< / samp > < kbd > kbd tag< / kbd > < var > var tag< / var > < cite > cite tag< / cite > < mark > mark tag< / mark > < q > q tag< / q > < / p > ');
editor.execCommand('SelectAll');
editor.execCommand('RemoveFormat');
equal(editor.getContent(), '< p > dfn tag code tag samp tag kbd tag var tag cite tag mark tag q tag< / p > ');
2014-02-10 02:11:25 +01:00
});
tinymce.init({
mode : "exact",
elements : "elm1",
add_unload_trigger : false,
indent : false,
entities : 'raw',
convert_urls : false,
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,padding-left,text-align,display'
},
init_instance_callback : function(ed) {
editor = ed;
QUnit.start();
}
});
< / script >
< / head >
< body >
< h1 id = "qunit-header" > Unit tests for tinymce.EditorCommands< / 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 >
