Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE html>
<html>
<head>
<title>Paragraph boundary getText* functions tests</title>
<link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" />
<script type="application/javascript"
src="../common.js"></script>
<script type="application/javascript"
src="../text.js"></script>
<script type="application/javascript">
function doTest() {
// First, test the contentEditable.
testTextAtOffset("ce", BOUNDARY_PARAGRAPH,
[[0, 0, kEmbedChar, 0, 1],
[1, 2, kEmbedChar, 1, 2]]);
// Now, test each paragraph.
var ID = getNode("ce").firstElementChild;
testTextAtOffset(ID, BOUNDARY_PARAGRAPH,
[[0, 15, "hello my friend", 0, 15]]);
ID = getNode("ce").lastElementChild;
testTextAtOffset(ID, BOUNDARY_PARAGRAPH,
[[0, 11, "hello again", 0, 11]]);
// Test a paragraph whose line forcefully wraps.
testTextAtOffset("forced_wrap", BOUNDARY_PARAGRAPH,
[[0, 2, "ab", 0, 2]]);
// Test paragraphs with a few line breaks.
testTextAtOffset("forced_br", BOUNDARY_PARAGRAPH,
[[0, 1, "a\n", 0, 2], // a and br treated as a paragraph
[2, 3, "b\n", 2, 4], // b treated as a paragraph, excl 2nd line break
[4, 4, "\n", 4, 5], // second br treated as a separate paragraph
[5, 6, "c", 5, 6]]); // Last paragraph treated as usual
testTextAtOffset("br_at_beginning", BOUNDARY_PARAGRAPH,
[[0, 0, "\n", 0, 1], // br treated as a separate paragraph
[1, 2, "a\n", 1, 3], // a and br treated as a paragraph
[3, 4, "b", 3, 4]]); // b treated as last paragraph
// Test a paragraph with an embedded link.
testTextAtOffset("pWithLink", BOUNDARY_PARAGRAPH,
[[0, 3, "a" + kEmbedChar + "d", 0, 3]]);
testTextAtOffset("link", BOUNDARY_PARAGRAPH,
[[0, 2, "bc", 0, 2]]);
// Paragraph with link that contains a line break.
testTextAtOffset("pWithLinkWithBr", BOUNDARY_PARAGRAPH,
[[0, 0, "a" + kEmbedChar, 0, 2],
[1, 1, "a" + kEmbedChar + "d", 0, 3],
[2, 3, kEmbedChar + "d", 1, 3]]);
// Test a list and list item
testTextAtOffset("ul", BOUNDARY_PARAGRAPH,
[[0, 0, kEmbedChar, 0, 1],
[1, 2, kEmbedChar, 1, 2]]);
testTextAtOffset("li1", BOUNDARY_PARAGRAPH,
[[0, 3, "• a", 0, 3]]);
testTextAtOffset("li2", BOUNDARY_PARAGRAPH,
[[0, 3, "• a", 0, 3]]);
// Test a list item containing multiple text leaf nodes.
testTextAtOffset("liMultiLeaf", BOUNDARY_PARAGRAPH,
[[0, 4, "• ab", 0, 4]]);
// Test line breaks in a textarea.
testTextAtOffset("textarea", BOUNDARY_PARAGRAPH,
[[0, 1, "a\n", 0, 2],
[2, 3, "b\n", 2, 4],
[4, 4, "\n", 4, 5],
[5, 6, "c", 5, 6]]);
// Test that a textarea has a blank paragraph at the end if it contains
// a line break as its last character.
testTextAtOffset("textarea_with_trailing_br", BOUNDARY_PARAGRAPH,
[[0, 15, "This is a test.\n", 0, 16],
[16, 16, "", 16, 16]]);
// Paragraph with a presentational line break.
testTextAtOffset("presentational_br", BOUNDARY_PARAGRAPH,
[[0, 3, "a b", 0, 3]]);
// Two paragraphs in a div, non-editable case.
testTextAtOffset("two_paragraphs", BOUNDARY_PARAGRAPH,
[[0, 0, kEmbedChar, 0, 1],
[1, 2, kEmbedChar, 1, 2]]);
// Div containing a paragraph containing a link
testTextAtOffset("divWithParaWithLink", BOUNDARY_PARAGRAPH,
[[0, 0, kEmbedChar, 0, 1],
[1, 2, "b", 1, 2]]);
// Two text nodes and a br
testTextAtOffset("twoTextNodesAndBr", BOUNDARY_PARAGRAPH,
[[0, 2, "ab\n", 0, 3],
[3, 3, "", 3, 3]]);
// Link followed by a paragraph.
testTextAtOffset("linkThenPara", BOUNDARY_PARAGRAPH,
[[0, 0, kEmbedChar, 0, 1],
[1, 2, kEmbedChar, 1, 2]]);
SimpleTest.finish();
}
SimpleTest.waitForExplicitFinish();
addA11yLoadEvent(doTest);
</script>
</head>
<body>
<a target="_blank"
title="getTextAtOffset for paragraph boundaries"
</a>
<p id="display"></p>
<div id="content" style="display: none"></div>
<pre id="test">
</pre>
<div id="ce" contenteditable="true">
<p>hello my friend</p>
<p>hello again</p>
</div>
<p id="forced_wrap" style="width: 1px; word-break: break-all;">ab</p>
<p id="forced_br">a<br>b<br><br>c</p>
<p id="br_at_beginning"><br>a<br>b</p>
<p id="pWithLinkWithBr">a<a href="#">b<br>c</a>d</p>
<ul id="ul"><li id="li1">a</li><li>b</li></ul>
<style>#li2::marker { content:'\2022\0020'; }</style>
<ul id="ul"><li id="li2">a</li><li>b</li></ul>
<ul><li id="liMultiLeaf">a<span>b</span></li></ul>
<textarea id="textarea">a
b
c</textarea> <!-- This must be outdented for a correct test case -->
<textarea id="textarea_with_trailing_br">This is a test.
</textarea> <!-- This must be outdented for a correct test case -->
<p id="presentational_br" style="white-space: pre-wrap;">a<span> <br role="presentation"></span>b</p>
<div id="two_paragraphs"><p>a</p><p>b</p></div>
<div id ="divWithParaWithLink"><p><a href="#">a</a></p>b</div>
<p id="twoTextNodesAndBr">a<span>b</span><br></p>
<div id="linkThenPara"><a href="#">a</a><p>b</p></div>
</body>
</html>