Quelle  test_selection_tripleclick.html   Sprache: HTML

<!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 some code
broken with text with code
broken in it and such and so on

<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>