Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: layout/generic/test/mochitest.toml
<!DOCTYPE>
<title>Selection test</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<style>
body { margin: 0; font: 16px/1 sans-serif; }
code { display: inline-block }
</style>
<p id="a">Some <code>code</code> with <span>text</span> with <code>code</code> in it</p>
<p id="b">Here's <span>some</span> <code><span>code</span><br><span>broken</span></code> with <span>text</span> with <code><span>code</span><br><span>broken</span></code> in <span>it and such</span> and so on</p>
<pre id="c">Here's some text and
some <span>more</span> code <span>with</span> pre-formatted
whitespace <span>that</span> should be selected
line <span>by</span> line</pre>
<script>
SimpleTest.waitForExplicitFinish();
function testTripleClick(elem, expectation) {
window.getSelection().removeAllRanges();
synthesizeMouse(elem, 5, 5, { clickCount: 3 });
is(window.getSelection().toString(), expectation);
}
SimpleTest.waitForFocus(function () {
for (let child of document.querySelectorAll("#a span, #a code"))
testTripleClick(child, "Some code with text with code in it");
{
let spans = document.querySelectorAll("#b span");
let expectations = [
"Here's some code", // First span, at the beginning of the text.
"Here's some code", // Top span in the inline-block, before break.
"broken with text with code", // Bottom span in inline-block, after break
"broken with text with code", // Center of the text.
"broken with text with code", // Top span in the second inline-block, before break.
"broken in it and such and so on", // Bottom span in the second inline-block, after break.
"broken in it and such and so on", // Last span, at the end of the text.
];
is(spans.length, expectations.length);
for (let i = 0; i < expectations.length; ++i)
testTripleClick(spans[i], expectations[i]);
}
{
testTripleClick(document.getElementById("c"), "Here's some text and");
let spans = document.querySelectorAll("#c span");
let expectations = [
"some more code with pre-formatted",
"some more code with pre-formatted",
"whitespace that should be selected",
"line by line",
];
is(spans.length, expectations.length);
for (let i = 0; i < expectations.length; ++i)
testTripleClick(spans[i], expectations[i]);
}
SimpleTest.finish();
});
</script>