Wordpress/tests/qunit/editor/tinymce/util/Quirks_all.html

77 lines
2.2 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<title>All browser types Quirks</title>
<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 src="../../plugins/js/dsl.js"></script>
<script>
var editor;
QUnit.config.reorder = false;
QUnit.config.autostart = false;
var BACKSPACE = 0x08;
module("Quirks Tests", {
autostart: false
});
// IE does the right thing
if (!tinymce.isIE) {
test('Backspace when whole body contents is selected', function() {
editor.getBody().innerHTML = '<p><b>1</b></p><p><b>2</b></p>';
setSelection('p:first b', 0, 'p:last b', 1);
editor.dom.fire(editor.getBody(), 'keydown', {keyCode: BACKSPACE});
equal(editor.getContent(), '<p>&nbsp;</p>');
});
}
asyncTest('Backspace into <table> should be disabled', 1, function() {
var testContent = '<table class="mceItemTable" border="1"><tbody><tr><th><p>Table heading</p></th></tr><tr><td><p>Table contents</p></td></tr></tbody></table><h2 id="a">Paragraph Heading</h2>';
editor.setContent(testContent);
var initialContent = editor.getContent();
setSelection('#a', 0);
editor.focus();
robot.type(BACKSPACE, false, function() {
var expected = initialContent;
var actual = editor.getContent();
equal(actual, expected);
start();
}, editor.getBody());
});
function initTinyFunction() {
tinymce.init({
mode : "exact",
elements : "elm1",
init_instance_callback : function(ed) {
editor = ed;
}
});
}
</script>
</head>
<body>
<h1 id="qunit-header">All browser types Quirks</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>
<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>
</div>
<script>
initWhenTinyAndRobotAreReady(initTinyFunction);
</script>
</body>
</html>