Wordpress/tests/qunit/editor/tinymce/ForceBlocks.js

89 lines
2.9 KiB
JavaScript

module("tinymce.ForceBlocks", {
autostart: false,
setupModule: function() {
QUnit.stop();
tinymce.init({
selector: "textarea",
plugins: wpPlugins,
add_unload_trigger: false,
indent: false,
skin: 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'
},
init_instance_callback: function(ed) {
window.editor = ed;
QUnit.start();
}
});
},
teardown: function() {
editor.settings.forced_root_block = 'p';
editor.settings.forced_root_block_attrs = null;
}
});
test('Wrap single root text node in P', function() {
editor.getBody().innerHTML = 'abcd';
Utils.setSelection('body', 2);
Utils.pressArrowKey();
equal(Utils.cleanHtml(editor.getBody().innerHTML), '<p>abcd</p>');
equal(editor.selection.getNode().nodeName, 'P');
});
test('Wrap single root text node in P with attrs', function() {
editor.settings.forced_root_block_attrs = {"class": "class1"};
editor.getBody().innerHTML = 'abcd';
Utils.setSelection('body', 2);
Utils.pressArrowKey();
equal(editor.getContent(), '<p class="class1">abcd</p>');
equal(editor.selection.getNode().nodeName, 'P');
});
test('Wrap single root text node in P but not table sibling', function() {
editor.getBody().innerHTML = 'abcd<table><tr><td>x</td></tr></table>';
Utils.setSelection('body', 2);
Utils.pressArrowKey();
equal(Utils.cleanHtml(editor.getBody().innerHTML), '<p>abcd</p><table><tbody><tr><td>x</td></tr></tbody></table>');
equal(editor.selection.getNode().nodeName, 'P');
});
test('Wrap root em in P but not table sibling', function() {
editor.getBody().innerHTML = '<em>abcd</em><table><tr><td>x</td></tr></table>';
Utils.setSelection('em', 2);
Utils.pressArrowKey();
equal(Utils.cleanHtml(editor.getBody().innerHTML), '<p><em>abcd</em></p><table><tbody><tr><td>x</td></tr></tbody></table>');
equal(editor.selection.getNode().nodeName, 'EM');
});
test('Wrap single root text node in DIV', function() {
editor.settings.forced_root_block = 'div';
editor.getBody().innerHTML = 'abcd';
Utils.setSelection('body', 2);
Utils.pressArrowKey();
equal(Utils.cleanHtml(editor.getBody().innerHTML), '<div>abcd</div>');
equal(editor.selection.getNode().nodeName, 'DIV');
});
test('Remove empty root text nodes', function() {
var body = editor.getBody();
editor.settings.forced_root_block = 'div';
editor.getBody().innerHTML = 'abcd<div>abcd</div>';
body.insertBefore(editor.getDoc().createTextNode(''), body.firstChild);
body.appendChild(editor.getDoc().createTextNode(''));
var rng = editor.dom.createRng();
rng.setStart(editor.getBody().childNodes[1], 1);
rng.setEnd(editor.getBody().childNodes[1], 1);
editor.selection.setRng(rng);
Utils.pressArrowKey();
equal(Utils.cleanHtml(body.innerHTML), '<div>abcd</div><div>abcd</div>');
equal(editor.selection.getNode().nodeName, 'DIV');
equal(body.childNodes.length, 2);
});