зеркало из https://github.com/mozilla/gecko-dev.git
147 строки
4.3 KiB
HTML
147 строки
4.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=449243
|
|
-->
|
|
<head>
|
|
<title>Test for Bug 449243</title>
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
</head>
|
|
<body>
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=449243">Mozilla Bug 449243</a>
|
|
<p id="display"></p>
|
|
<div id="content" contenteditable>
|
|
<h2>This is a title</h2>
|
|
<ul>
|
|
<li>this is a</li>
|
|
<li>bullet list</li>
|
|
</ul>
|
|
<ol>
|
|
<li>this is a</li>
|
|
<li>numbered list</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
/** Test for Bug 449243 **/
|
|
SimpleTest.waitForExplicitFinish();
|
|
SimpleTest.waitForFocus(runTests);
|
|
|
|
const CARET_BEGIN = 0;
|
|
const CARET_MIDDLE = 1;
|
|
const CARET_END = 2;
|
|
|
|
function split(element, caretPos, nbKeyPresses) {
|
|
// put the caret on the requested position
|
|
var sel = window.getSelection();
|
|
var len = element.textContent.length;
|
|
var pos = -1;
|
|
switch (caretPos) {
|
|
case CARET_BEGIN:
|
|
pos = 0;
|
|
break;
|
|
case CARET_MIDDLE:
|
|
pos = Math.floor(len/2);
|
|
break;
|
|
case CARET_END:
|
|
pos = len;
|
|
break;
|
|
}
|
|
sel.collapse(element.firstChild, pos);
|
|
|
|
// simulates a [Return] keypress
|
|
for (var i = 0; i < nbKeyPresses; i++)
|
|
synthesizeKey("VK_RETURN", {});
|
|
}
|
|
|
|
function undo(nbKeyPresses) {
|
|
for (var i = 0; i < nbKeyPresses; i++)
|
|
document.execCommand("Undo", false, null);
|
|
}
|
|
|
|
function SameTypeAsPreviousSibling(element) {
|
|
var sibling = element.previousSibling;
|
|
while (sibling && sibling.nodeType != Node.ELEMENT_NODE) {
|
|
sibling = element.previousSibling;
|
|
}
|
|
return (element.nodeName == sibling.nodeName);
|
|
}
|
|
|
|
function isType(element, type) {
|
|
return element.nodeName.toLowerCase() == type;
|
|
}
|
|
|
|
function runTests() {
|
|
const content = document.querySelector("[contenteditable]");
|
|
const header = content.querySelector("h2");
|
|
const ulItem = content.querySelector("ul > li:last-child");
|
|
const olItem = content.querySelector("ol > li:last-child");
|
|
content.focus();
|
|
|
|
// beginning of selection: split current node
|
|
split(header, CARET_BEGIN, 1);
|
|
ok(SameTypeAsPreviousSibling(header),
|
|
"Pressing [Return] at the beginning of a header " +
|
|
"should create another header.");
|
|
split(ulItem, CARET_BEGIN, 2);
|
|
ok(SameTypeAsPreviousSibling(ulItem),
|
|
"Pressing [Return] at the beginning of an unordered list item " +
|
|
"should create another list item.");
|
|
split(olItem, CARET_BEGIN, 2);
|
|
ok(SameTypeAsPreviousSibling(olItem),
|
|
"Pressing [Return] at the beginning of an ordered list item " +
|
|
"should create another list item.");
|
|
undo(3);
|
|
|
|
// middle of selection: split current node
|
|
split(header, CARET_MIDDLE, 1);
|
|
ok(SameTypeAsPreviousSibling(header),
|
|
"Pressing [Return] at the middle of a header " +
|
|
"should create another header.");
|
|
split(ulItem, CARET_MIDDLE, 2);
|
|
ok(SameTypeAsPreviousSibling(ulItem),
|
|
"Pressing [Return] at the middle of an unordered list item " +
|
|
"should create another list item.");
|
|
split(olItem, CARET_MIDDLE, 2);
|
|
ok(SameTypeAsPreviousSibling(olItem),
|
|
"Pressing [Return] at the middle of an ordered list item " +
|
|
"should create another list item.");
|
|
undo(3);
|
|
|
|
// end of selection: create a new div/paragraph
|
|
function testEndOfSelection(expected) {
|
|
split(header, CARET_END, 1);
|
|
ok(isType(content.querySelector("h2+*"), expected),
|
|
"Pressing [Return] at the end of a header " +
|
|
"should create a new " + expected);
|
|
split(ulItem, CARET_END, 2);
|
|
ok(isType(content.querySelector("ul+*"), expected),
|
|
"Pressing [Return] twice at the end of an unordered list item " +
|
|
"should create a new " + expected);
|
|
split(olItem, CARET_END, 2);
|
|
ok(isType(content.querySelector("ol+*"), expected),
|
|
"Pressing [Return] twice at the end of an ordered list item " +
|
|
"should create a new " + expected);
|
|
undo(3);
|
|
}
|
|
|
|
document.execCommand("defaultParagraphSeparator", false, "div");
|
|
testEndOfSelection("div");
|
|
document.execCommand("defaultParagraphSeparator", false, "p");
|
|
testEndOfSelection("p");
|
|
document.execCommand("defaultParagraphSeparator", false, "br");
|
|
testEndOfSelection("p");
|
|
|
|
// done
|
|
SimpleTest.finish();
|
|
}
|
|
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|