271 lines
8.9 KiB
HTML
271 lines
8.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Removing content tests</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 src="../../js/jsrobot/robot.js"></script>
|
||
|
|
<script>
|
||
|
|
var editor;
|
||
|
|
|
||
|
|
QUnit.config.autostart = false;
|
||
|
|
QUnit.config.reorder = false;
|
||
|
|
|
||
|
|
module("Remove Content", {
|
||
|
|
autostart: false
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Backspace with indented text', function() {
|
||
|
|
var c, originalContent = '<p>Line1</p>\n<p style="margin-left: 30px;">Line2</p>';
|
||
|
|
|
||
|
|
expect(2);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('p:nth-child(1)', 4, 'p:nth-child(2)', 4);
|
||
|
|
robot.type('\b', false, function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), "<p>Line2</p>", 'Delete content');
|
||
|
|
editor.execCommand('undo', false, null);
|
||
|
|
equal(editor.getContent(), originalContent, 'Undo deletion');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
// oncut is not supported by FireFox 2.0 so this is impossible to fix there.
|
||
|
|
if (!tinymce.isGecko || !/Firefox\/[12].[0-9]/.test(navigator.userAgent)) {
|
||
|
|
asyncTest('Cut with indented text', function() {
|
||
|
|
var c, originalContent = '<p>Line1</p>\n<p style="margin-left: 30px;">Line2</p>';
|
||
|
|
|
||
|
|
expect(3);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('p:nth-child(1)', 4, 'p:nth-child(2)', 4);
|
||
|
|
robot.cut(function() {
|
||
|
|
// The fix for this bug happens in a timeout after cut so we need to make sure that happens first by adding an additional delay.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), "<p>Line2</p>", 'Cut text');
|
||
|
|
editor.execCommand('undo', false, null);
|
||
|
|
equal(editor.getContent(), originalContent, 'Undo cut');
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
robot.paste(function() {
|
||
|
|
ok(/Line/.test(editor.getContent()), 'Content should have been on clipboard. Got: ' + editor.getContent());
|
||
|
|
QUnit.start();
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
test('Skipped on FireFox 2.x: Cut with indented text', function() {});
|
||
|
|
}
|
||
|
|
|
||
|
|
asyncTest('Forward delete with indented text', function() {
|
||
|
|
var c, originalContent = '<p>Line1</p>\n<p style="margin-left: 30px;">Line2</p>';
|
||
|
|
|
||
|
|
expect(2);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('p:nth-child(1)', 4, 'p:nth-child(2)', 4);
|
||
|
|
robot.forwardDelete(function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), "<p>Line2</p>", 'Delete content');
|
||
|
|
editor.execCommand('undo', false, null);
|
||
|
|
equal(editor.getContent(), originalContent, 'Undo deletion');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Forward delete with first paragraph indented', function() {
|
||
|
|
var c, originalContent = '<p style="margin-left: 30px;">Line1</p>\n<p>Line2</p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('p:nth-child(1)', 4, 'p:nth-child(2)', 4);
|
||
|
|
robot.forwardDelete(function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<p style="margin-left: 30px;">Line2</p>', 'Delete content');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Backward delete from paragraph to heading', function () {
|
||
|
|
var c, originalContent = '<h1>Heading</h1><p>text</p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('p', 0);
|
||
|
|
robot.type('\b', false, function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<h1>Headingtext</h1>', 'Delete content');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Forward delete from heading to paragraph', function () {
|
||
|
|
var c, originalContent = '<h1>Heading</h1><p>text</p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('h1', 7);
|
||
|
|
robot.forwardDelete(function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<h1>Headingtext</h1>', 'Delete content');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Forward delete from heading to paragraph with span', function () {
|
||
|
|
var c, originalContent = '<h1>Heading</h1><p><span style="color: #ff0000;">text</span></p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('h1', 7);
|
||
|
|
robot.forwardDelete(function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<h1>Heading<span style="color: #ff0000;">text</span></h1>', 'Delete content');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Backward delete from paragraph with span to heading', function () {
|
||
|
|
var c, originalContent = '<h1>Heading</h1><p><span style="color: #ff0000;">text</span></p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
setSelection('p', 0);
|
||
|
|
robot.type('\b', false, function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<h1>Heading<span style="color: #ff0000;">text</span></h1>', 'Delete content');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Backward delete all contents', function () {
|
||
|
|
var c, originalContent = '<h1>Heading</h1><p><span style="color: #ff0000;">text</span></p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
robot.type('\b', false, function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<p> </p>', 'Empty contents');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Forward delete all contents', function () {
|
||
|
|
var c, originalContent = '<h1>Heading</h1><p><span style="color: #ff0000;">text</span></p>';
|
||
|
|
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent(originalContent);
|
||
|
|
editor.focus();
|
||
|
|
editor.execCommand('SelectAll');
|
||
|
|
robot.forwardDelete(function() {
|
||
|
|
// The content is fixed up after a small timeout to let the browser default behaviour kick in.
|
||
|
|
// As such we need to defer our checks as well.
|
||
|
|
setTimeout(function() {
|
||
|
|
equal(editor.getContent(), '<p> </p>', 'Empty contents');
|
||
|
|
QUnit.start();
|
||
|
|
}, 100);
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Backward delete blockquote contents', function () {
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent('<blockquote><p>some text here</p></blockquote>');
|
||
|
|
var textNode = editor.dom.select('p')[0].firstChild;
|
||
|
|
setSelection(textNode, 0, textNode, 5);
|
||
|
|
editor.focus();
|
||
|
|
robot.type('\b', false, function() {
|
||
|
|
equal(cleanHtml(editor.getContent()), '<blockquote><p>text here</p></blockquote>');
|
||
|
|
QUnit.start();
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
asyncTest('Forward delete after empty paragraphs does not delete all content', function () {
|
||
|
|
expect(1);
|
||
|
|
|
||
|
|
editor.setContent('<p></p><p></p><p></p>');
|
||
|
|
setSelection('p:nth-child(3)', 0);
|
||
|
|
editor.focus();
|
||
|
|
robot.forwardDelete(function() {
|
||
|
|
QUnit.notEqual(editor.getContent(), '<p> </p>', 'Editor contents should not be empty');
|
||
|
|
QUnit.start();
|
||
|
|
}, editor.selection.getNode());
|
||
|
|
});
|
||
|
|
|
||
|
|
var initTinyFunction = function(){
|
||
|
|
tinymce.init({
|
||
|
|
mode : "exact",
|
||
|
|
elements : "elm1",
|
||
|
|
add_unload_trigger : false,
|
||
|
|
theme_advanced_styles : 'test1=test1;test2=test2',
|
||
|
|
valid_styles : {
|
||
|
|
'*' : 'text-align,padding-left,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;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1 id="qunit-header">Removing content tests</h1>
|
||
|
|
<h2 id="qunit-banner"></h2>
|
||
|
|
<div id="qunit-testrunner-toolbar"></div>
|
||
|
|
<h2 id="qunit-userAgent"></h2>
|
||
|
|
<ol id="qunit-tests"></ol>
|
||
|
|
<div id="content">
|
||
|
|
<textarea id="elm1" name="elm1"></textarea>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
initWhenTinyAndRobotAreReady(initTinyFunction);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|