Quelle test_selection_expanding.html

Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/layout/generic/test/test_selection_expanding.html

<!DOCTYPE>
<html>
<head>
<title>selection expanding test</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<script>
    customElements.define("custom-element", class extends HTMLElement {
      constructor() {
        super();
        const template = document.getElementById("template");
        const shadowRoot = this.attachShadow({mode: "open"})
          .appendChild(template.content.cloneNode(true));
      }
    });
</script>
<style type="text/css">
  .testingDiv {
    font-size: 16px;
    width: 300px;
    height: 140px;
    background-color: white;
  }
  #fixedDiv1, #fixedDiv2 {
    position: fixed;
    right: 0;
    overflow: scroll;
    width: 200px;
  }
  #fixedDiv1 {
    top: 0;
  }
  #fixedDiv2 {
    top: 150px;
  }
  iframe, input, textarea {
    font-size: 16px;
    height: 16px;
    width: 80px;
    margin: 0;
    padding: 0;
  }
</style>

</head>
<body>
<template id="template">
  <div>
    <p>xxxxxxx xxxxxxx xxxxxxx</p>
    <slot></slot>
  </div>
</template>
<div id="div1" class="testingDiv">
  aaaaaaa
  <iframe id="iframe" srcdoc="<style type='text/css'>*{margin: 0; padding: 0; font-size: 16px;}</style><div>ffffff ffffff ffffff ffffff</div>"></iframe>
  aaaaaaa aaaaaaa<br>aaaaaaa aaaaaaa aaaaaaa aaaaaaa<br>aaaaaaa
</div>
<div id="div2" class="testingDiv">
  bbbbbbb
  <input id="input" type="text" value="iiiiiiiii iiiiiiiii iiiiiiiii">
  bbbbbbb bbbbbbb<br>bbbbbbb bbbbbbb bbbbbbb<br>bbbbbbb
</div>
<div id="div3" class="testingDiv">
  ccccccc
  <textarea id="textarea">tttttt tttttt tttttt</textarea>
  ccccccc ccccccc<br>ccccccc ccccccc ccccccc ccccccc<br>ccccccc
  <div id="fixedDiv1" class="testingDiv">
    dddddd dddddd dddddd
  </div>
</div>
<custom-element id="custom">
  <p id="custom_child">yyyyyyy yyyyyyy yyyyyyy</p>
</custom-element>
<div id="fixedDiv2" class="testingDiv">
  eeeeee eeeeee eeeeee
</div>
<pre id="test">
<script class="testbody" type="text/javascript">

var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var div3 = document.getElementById("div3");
var custom_child = document.getElementById("custom_child");
var fixedDiv1 = document.getElementById("fixedDiv1");
var fixedDiv2 = document.getElementById("fixedDiv2");
var iframe = document.getElementById("iframe");
var input = document.getElementById("input");
var textarea = SpecialPowers.wrap(document.getElementById("textarea"));

function test()
{
  function getSelectionForEditor(aEditorElement)
  {
    return SpecialPowers.wrap(aEditorElement).editor.selection;
  }

  function clear()
  {
    synthesizeMouse(div1, 10, 5, { type: "mouseup" });
    var sel = window.getSelection();
    if (sel.rangeCount > 0)
      sel.collapseToEnd();
    sel = iframe.contentWindow.getSelection();
    if (sel.rangeCount > 0)
      sel.collapseToEnd();
    sel = getSelectionForEditor(input);
    if (sel.rangeCount > 0)
      sel.collapseToEnd();
    sel = getSelectionForEditor(textarea);
    if (sel.rangeCount > 0)
      sel.collapseToEnd();

    div1.scrollTop = 0;
    div1.scrollLeft = 0;
    div2.scrollTop = 0;
    div2.scrollLeft = 0;
    div3.scrollTop = 0;
    div3.scrollLeft = 0;
  }

  const kFalse = 0;
  const kTrue  = 1;
  const kToDo  = 2;

  function check(aDiv1ShouldBeSelected,
                 aDiv2ShouldBeSelected,
                 aDiv3ShouldBeSelected,
                 aFixedDiv1ShouldBeSelected,
                 aCustomChildShouldBeSelected,
                 aFixedDiv2ShouldBeSelected,
                 aIFrameShouldBeSelected,
                 aInputShouldBeSelected,
                 aTextareaShouldBeSelected,
                 aTestingDescription)
  {
    function checkCharacter(aSelectedText,
                            aShouldBeIncludedCharacter,
                            aSouldBeSelected,
                            aElementName)
    {
      var boolvalue = aSouldBeSelected & kTrue;
      var f = aSouldBeSelected & kToDo ? todo : ok;
      var str = aSelectedText.replace('\n', '\\n');
      if (boolvalue) {
        f(aSelectedText.includes(aShouldBeIncludedCharacter),
          "The contents of " + aElementName +
          " aren't selected (" + aTestingDescription +
          "): Selected String: \"" + str + "\"");
      } else {
        f(!aSelectedText.includes(aShouldBeIncludedCharacter),
          "The contents of " + aElementName +
          " are selected (" + aTestingDescription +
          "): Selected String: \"" + str + "\"");
      }
    }

    var sel = window.getSelection().toString();
    checkCharacter(sel, "a", aDiv1ShouldBeSelected, "div1");
    checkCharacter(sel, "b", aDiv2ShouldBeSelected, "div2");
    checkCharacter(sel, "c", aDiv3ShouldBeSelected, "div3");
    checkCharacter(sel, "y", aCustomChildShouldBeSelected, "custom_child");
    checkCharacter(sel, "d", aFixedDiv1ShouldBeSelected, "fixedDiv1");
    checkCharacter(sel, "e", aFixedDiv2ShouldBeSelected, "fixedDiv2");

    // iframe/input/custom-element contents must not be included on the parent
    // selection.
    checkCharacter(sel, "f", false, "iframe (checking on parent)");
    checkCharacter(sel, "i", false, "input (checking on parent)");
    checkCharacter(sel, "x", false, "Custom element contents (checking on parent)");

    var selInIFrame = iframe.contentWindow.getSelection().toString();
    checkCharacter(selInIFrame, "f", aIFrameShouldBeSelected, "iframe");

    var selInput = getSelectionForEditor(input).toString();
    checkCharacter(selInput, "i", aInputShouldBeSelected, "input");
    var selTextarea = getSelectionForEditor(textarea).toString();
    checkCharacter(selTextarea, "t", aTextareaShouldBeSelected, "textarea");
  }

  // ***********************************************************
  // Set all divs to overflow: auto;
  const kOverflows = ["visible", "hidden", "scroll", "auto"];
  for (var i = 0; i < kOverflows.length; i++) {
    div1.style.overflow = kOverflows[i];
    div2.style.overflow = kOverflows[i];
    div3.style.overflow = kOverflows[i];

    // ***********************************************************
    // selection starting at div1
    synthesizeMouse(div1, 30, 5, { type: "mousedown" });

    // XXX if we move the mouse cursor to another document, the
    // nsFrameSelection::HandleDrag method is called on the another document's.

    // to iframe
    synthesizeMouse(iframe, 30, 5, { type: "mousemove" });
    check(kTrue | kToDo, kFalse, kFalse,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div1-iframe, all boxes are overflow: " + kOverflows[i] + ";");

    // XXX if the overflow is visible, synthesizeMouse with the input element
    // or textarea element doesn't work fine.
    var isVisibleTesting = kOverflows[i] == "visible";
    var todoFlag = isVisibleTesting ? kToDo : 0;
    // to input
    synthesizeMouse(input, 30, 5, { type: "mousemove" });
    check(kTrue | todoFlag, kTrue | todoFlag, kFalse,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
         "div1-input, all boxes are overflow: " + kOverflows[i] + ";");

    // to textarea
    synthesizeMouse(textarea, 30, 5, { type: "mousemove" });
    check(kTrue | todoFlag, kTrue | todoFlag, kTrue | todoFlag,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div1-textarea, all boxes are overflow: " + kOverflows[i] + ";");

    // to div2
    synthesizeMouse(div2, 30, 5, { type: "mousemove" });
    check(kTrue, kTrue, kFalse,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div1-div2, all boxes are overflow: " + kOverflows[i] + ";");

    // to div3
    synthesizeMouse(div3, 30, 5, { type: "mousemove" });
    check(kTrue, kTrue, kTrue,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div1-div3, all boxes are overflow: " + kOverflows[i] + ";");

    // to fixedDiv1 (child of div3)
    synthesizeMouse(fixedDiv1, 30, 5, { type: "mousemove" });
    check(kTrue, kTrue, kTrue,
          kTrue, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div1-fixedDiv1, all boxes are overflow: " + kOverflows[i] + ";");

    // to custom_child
    synthesizeMouse(custom_child, 30, 5, { type: "mousemove" });
    check(kTrue, kTrue, kTrue,
          kTrue, kTrue, kFalse, kFalse, kFalse, kFalse,
          "div1-custom_child, all boxes are overflow: " + kOverflows[i] + ";");

    // to fixedDiv2 (sibling of div*)
    synthesizeMouse(fixedDiv2, 30, 5, { type: "mousemove" });
    check(kTrue, kTrue, kTrue,
          kTrue, kTrue, kTrue, kFalse, kFalse, kFalse,
          "div1-fixedDiv2, all boxes are overflow: " + kOverflows[i] + ";");

    clear();

    // ***********************************************************
    // selection starting at fixedDiv1
    synthesizeMouse(fixedDiv1, 30, 5, { type: "mousedown" });

    // to custom_child
    synthesizeMouse(custom_child, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kFalse,
          kTrue, kTrue, kFalse, kFalse, kFalse, kFalse,
          "fixedDiv1-custom_child, all boxes are overflow: " + kOverflows[i] + ";");

    // to fixedDiv2
    synthesizeMouse(fixedDiv2, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kFalse,
          kTrue, kTrue, kTrue, kFalse, kFalse, kFalse,
          "fixedDiv1-fixedDiv2, all boxes are overflow: " + kOverflows[i] + ";");

    clear();

    // ***********************************************************
    // selection starting at fixedDiv2
    synthesizeMouse(fixedDiv2, 30, 5, { type: "mousedown" });

    // to custom_child
    synthesizeMouse(custom_child, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kFalse,
          kFalse, kTrue, kTrue, kFalse, kFalse, kFalse,
          "fixedDiv2-custom_child, all boxes are overflow: " + kOverflows[i] + ";");

    // to fixedDiv1
    synthesizeMouse(fixedDiv1, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kFalse,
          kTrue, kTrue, kTrue, kFalse, kFalse, kFalse,
          "fixedDiv2-fixedDiv1, all boxes are overflow: " + kOverflows[i] + ";");

    clear();

    // ***********************************************************
    div2.style.overflow = "visible";

    // ***********************************************************
    // selection starting at div2
    synthesizeMouse(div2, 30, 5, { type: "mousedown" });

    // to div3
    synthesizeMouse(div3, 30, 5, { type: "mousemove" });
    check(kFalse, kTrue, kTrue,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div2-div3, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    // to fixedDiv1 (child of div3)
    synthesizeMouse(fixedDiv1, 30, 5, { type: "mousemove" });
    check(kFalse, kTrue, kTrue,
          kTrue, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div2-fixedDiv1, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    // to custom_child
    synthesizeMouse(custom_child, 30, 5, { type: "mousemove" });
    check(kFalse, kTrue, kTrue,
          kTrue, kTrue, kFalse, kFalse, kFalse, kFalse,
          "div2-custom_child, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    // to fixedDiv2 (sibling of div*)
    synthesizeMouse(fixedDiv2, 30, 5, { type: "mousemove" });
    check(kFalse, kTrue, kTrue,
          kTrue, kTrue, kTrue, kFalse, kFalse, kFalse,
          "div2-fixedDiv2, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    clear();

    // ***********************************************************
    // selection starting at div3
    synthesizeMouse(div3, 30, 5, { type: "mousedown" });

    // to div2
    synthesizeMouse(div2, 30, 5, { type: "mousemove" });
    check(kFalse, kTrue, kTrue,
          kFalse, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div3-div2, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    // to fixedDiv1 (child of div3)
    synthesizeMouse(fixedDiv1, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kTrue,
          kTrue, kFalse, kFalse, kFalse, kFalse, kFalse,
          "div3-fixedDiv1, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    // to custom_child
    synthesizeMouse(custom_child, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kTrue,
          kTrue, kTrue, kFalse, kFalse, kFalse, kFalse,
          "div3-custom_child, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    // to fixedDiv2 (sibling of div*)
    synthesizeMouse(fixedDiv2, 30, 5, { type: "mousemove" });
    check(kFalse, kFalse, kTrue,
          kTrue, kTrue, kTrue, kFalse, kFalse, kFalse,
          "div3-fixedDiv2, div3 is overflow: " + kOverflows[i] +
          ";, but div2 is overflow: visible;");

    clear();
  }

  // ***********************************************************
  // selection starting at iframe
  synthesizeMouse(iframe, 20, 5, { type: "mousedown" });

  // inside iframe
  synthesizeMouse(iframe, 50, 5, { type: "mousemove" });
  check(kFalse, kFalse, kFalse,
        kFalse, kFalse, kFalse, kTrue, kFalse, kFalse,
        "iframe-iframe");

  // to div2
  synthesizeMouse(div2, 30, 5, { type: "mousemove" });
  check(kFalse, kFalse, kFalse,
        kFalse, kFalse, kFalse, kTrue, kFalse, kFalse,
        "iframe-div2");

  clear();

  // ***********************************************************
  // selection starting at input
  synthesizeMouse(input, 20, 5, { type: "mousedown" });

  // inside input
  synthesizeMouse(input, 40, 5, { type: "mousemove" });
  check(kFalse, kFalse, kFalse,
        kFalse, kFalse, kFalse, kFalse, kTrue, kFalse,
        "input-input");

  // to div3
  synthesizeMouse(div3, 30, 5, { type: "mousemove" });
  check(kFalse, kFalse, kFalse,
        kFalse, kFalse, kFalse, kFalse, kTrue, kFalse,
        "input-div3");

  clear();

  // ***********************************************************
  // selection starting at textarea
  synthesizeMouse(textarea, 30, 5, { type: "mousedown" });

  // inside textarea
  synthesizeMouse(textarea, 50, 5, { type: "mousemove" });
  check(kFalse, kFalse, kFalse,
        kFalse, kFalse, kFalse, kFalse, kFalse, kTrue,
        "textarea-textarea");

  // to div2
  synthesizeMouse(div2, 30, 5, { type: "mousemove" });
  check(kFalse, kFalse, kFalse,
        kFalse, kFalse, kFalse, kFalse, kFalse, kTrue,
        "textarea-div2");

  clear();

  SimpleTest.finish();
}
window.onload = function() { setTimeout(test, 0); };
SimpleTest.waitForExplicitFinish();
</script>
</pre>
</body>
</html>

Messung V0.5 in Prozent

¤ Dauer der Verarbeitung: 0.27 Sekunden (vorverarbeitet am 2026-04-29) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.