221 lines
7.1 KiB
HTML
221 lines
7.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Unit tests for tinymce.Editor</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.Editor", {
|
||
|
|
autostart: false
|
||
|
|
});
|
||
|
|
|
||
|
|
test('Event: change', function() {
|
||
|
|
var level, lastLevel;
|
||
|
|
|
||
|
|
editor.on('change', function(e) {
|
||
|
|
level = e.level;
|
||
|
|
lastLevel = e.lastLevel;
|
||
|
|
});
|
||
|
|
|
||
|
|
editor.setContent('');
|
||
|
|
editor.insertContent('a');
|
||
|
|
equal(level.content.toLowerCase(), '<p>a</p>');
|
||
|
|
equal(lastLevel.content, editor.undoManager.data[0].content);
|
||
|
|
|
||
|
|
editor.off('change');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('Event: beforeExecCommand', function() {
|
||
|
|
var level, lastLevel, cmd, ui, value;
|
||
|
|
|
||
|
|
editor.on('BeforeExecCommand', function(e) {
|
||
|
|
cmd = e.command;
|
||
|
|
ui = e.ui;
|
||
|
|
value = e.value;
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
});
|
||
|
|
|
||
|
|
editor.setContent('');
|
||
|
|
editor.insertContent('a');
|
||
|
|
equal(editor.getContent(), '');
|
||
|
|
equal(cmd, 'mceInsertContent');
|
||
|
|
equal(ui, false);
|
||
|
|
equal(value, 'a');
|
||
|
|
|
||
|
|
editor.off('BeforeExecCommand');
|
||
|
|
editor.setContent('');
|
||
|
|
editor.insertContent('a');
|
||
|
|
equal(editor.getContent(), '<p>a</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('urls - relativeURLs', function() {
|
||
|
|
editor.settings.relative_urls = true;
|
||
|
|
editor.documentBaseURI = new tinymce.util.URI('http://www.site.com/dirA/dirB/dirC/');
|
||
|
|
|
||
|
|
editor.setContent('<a href="test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="../test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="../test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="test/test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="test/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="/test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="../../../test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="http://www.somesite.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="http://www.somesite.com/test/file.htm">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="//www.site.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="../../../test/file.htm">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="//www.somesite.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="//www.somesite.com/test/file.htm">test</a></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('urls - absoluteURLs', function() {
|
||
|
|
editor.settings.relative_urls = false;
|
||
|
|
editor.settings.remove_script_host = true;
|
||
|
|
editor.documentBaseURI = new tinymce.util.URI('http://www.site.com/dirA/dirB/dirC/');
|
||
|
|
|
||
|
|
editor.setContent('<a href="test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="/dirA/dirB/dirC/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="../test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="/dirA/dirB/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="test/test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="/dirA/dirB/dirC/test/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="http://www.somesite.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="http://www.somesite.com/test/file.htm">test</a></p>');
|
||
|
|
|
||
|
|
editor.settings.relative_urls = false;
|
||
|
|
editor.settings.remove_script_host = false;
|
||
|
|
|
||
|
|
editor.setContent('<a href="test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="http://www.site.com/dirA/dirB/dirC/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="../test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="http://www.site.com/dirA/dirB/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="test/test.html">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="http://www.site.com/dirA/dirB/dirC/test/test.html">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="http://www.somesite.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="http://www.somesite.com/test/file.htm">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="//www.site.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="//www.site.com/test/file.htm">test</a></p>');
|
||
|
|
|
||
|
|
editor.setContent('<a href="//www.somesite.com/test/file.htm">test</a>');
|
||
|
|
equal(editor.getContent(), '<p><a href="//www.somesite.com/test/file.htm">test</a></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('WebKit Serialization range bug', function() {
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
if (tinymce.isIE) {
|
||
|
|
ok(true, "Skip IE");
|
||
|
|
} else {
|
||
|
|
// Note that if we create the P with this invalid content directly, Chrome cleans it up differently to other browsers so we don't
|
||
|
|
// wind up testing the serialization functionality we were aiming for and the test fails.
|
||
|
|
var p = editor.dom.create('p', {}, '123<table><tbody><tr><td>X</td></tr></tbody></table>456');
|
||
|
|
editor.dom.replace(p, editor.getBody().firstChild);
|
||
|
|
|
||
|
|
equal(editor.getContent(), '<p>123</p>\n<table>\n<tbody>\n<tr>\n<td>X</td>\n</tr>\n</tbody>\n</table>\n<p>456</p>');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
test('editor_methods - getParam', function() {
|
||
|
|
expect(5);
|
||
|
|
|
||
|
|
editor.settings.test = 'a,b,c';
|
||
|
|
equal(editor.getParam('test', '', 'hash')['c'], 'c');
|
||
|
|
|
||
|
|
editor.settings.test = 'a';
|
||
|
|
equal(editor.getParam('test', '', 'hash')['a'], 'a');
|
||
|
|
|
||
|
|
editor.settings.test = 'a=b';
|
||
|
|
equal(editor.getParam('test', '', 'hash')['a'], 'b');
|
||
|
|
|
||
|
|
editor.settings.test = 'a=b;c=d,e';
|
||
|
|
equal(editor.getParam('test', '', 'hash')['c'], 'd,e');
|
||
|
|
|
||
|
|
editor.settings.test = 'a=b,c=d';
|
||
|
|
equal(editor.getParam('test', '', 'hash')['c'], 'd');
|
||
|
|
});
|
||
|
|
|
||
|
|
test('setContent', function() {
|
||
|
|
var count;
|
||
|
|
|
||
|
|
expect(4);
|
||
|
|
|
||
|
|
function callback(e) {
|
||
|
|
e.content = e.content.replace(/test/, 'X');
|
||
|
|
count++;
|
||
|
|
};
|
||
|
|
|
||
|
|
editor.on('SetContent', callback);
|
||
|
|
editor.on('BeforeSetContent', callback);
|
||
|
|
count = 0;
|
||
|
|
editor.setContent('<p>test</p>');
|
||
|
|
equal(editor.getContent(), "<p>X</p>");
|
||
|
|
equal(count, 2);
|
||
|
|
editor.off('SetContent', callback);
|
||
|
|
editor.off('BeforeSetContent', callback);
|
||
|
|
|
||
|
|
count = 0;
|
||
|
|
editor.setContent('<p>test</p>');
|
||
|
|
equal(editor.getContent(), "<p>test</p>");
|
||
|
|
equal(count, 0);
|
||
|
|
});
|
||
|
|
|
||
|
|
test('custom elements', function() {
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent('<custom1>c1</custom1><custom2>c1</custom2>');
|
||
|
|
equal(editor.getContent().replace(/[\r\n]/g, ''), '<custom1>c1</custom1><p><custom2>c1</custom2></p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
tinymce.init({
|
||
|
|
mode : "exact",
|
||
|
|
elements : "elm1",
|
||
|
|
add_unload_trigger : false,
|
||
|
|
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'
|
||
|
|
},
|
||
|
|
custom_elements: 'custom1,~custom2',
|
||
|
|
extended_valid_elements: 'custom1,custom2',
|
||
|
|
init_instance_callback : function(ed) {
|
||
|
|
editor = ed;
|
||
|
|
QUnit.start();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1 id="qunit-header">Unit tests for tinymce.Editor</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>
|