Quelle test_text.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/accessible/tests/mochitest/events/test_text.html

<html>

<head>
  <title>Accessible mutation events testing</title>

  <link rel="stylesheet" type="text/css"
        href="chrome://mochikit/content/tests/SimpleTest/test.css" />

  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>

  <script type="application/javascript"
          src="../common.js"></script>
  <script type="application/javascript"
          src="../events.js"></script>

  <script type="application/javascript">
    // //////////////////////////////////////////////////////////////////////////
    // Invokers

    /**
     * Base text remove invoker and checker.
     */
    function textRemoveInvoker(aID, aStart, aEnd, aText) {
      this.DOMNode = getNode(aID);

      this.eventSeq = [
        new textChangeChecker(aID, aStart, aEnd, aText, false),
      ];
    }

    function textInsertInvoker(aID, aStart, aEnd, aText) {
      this.DOMNode = getNode(aID);

      this.eventSeq = [
        new textChangeChecker(aID, aStart, aEnd, aText, true),
      ];
    }

    /**
     * Remove inaccessible child node containing accessibles.
     */
    function removeChildSpan(aID) {
      this.__proto__ = new textRemoveInvoker(aID, 0, 5, "33322");

      this.invoke = function removeChildSpan_invoke() {
        // remove HTML span, a first child of the node
        this.DOMNode.firstChild.remove();
      };

      this.getID = function removeChildSpan_getID() {
        return "Remove inaccessible span containing accessible nodes" + prettyName(aID);
      };
    }

    /**
     * Insert inaccessible child node containing accessibles.
     */
    function insertChildSpan(aID, aInsertAllTogether) {
      this.__proto__ = new textInsertInvoker(aID, 0, 5, "33322");

      this.invoke = function insertChildSpan_invoke() {
        // <span><span>333</span><span>22</span></span>
        if (aInsertAllTogether) {
          let topSpan = document.createElement("span");
          let fSpan = document.createElement("span");
          fSpan.textContent = "333";
          topSpan.appendChild(fSpan);
          let sSpan = document.createElement("span");
          sSpan.textContent = "22";
          topSpan.appendChild(sSpan);

          this.DOMNode.insertBefore(topSpan, this.DOMNode.childNodes[0]);
        } else {
          let topSpan = document.createElement("span");
          this.DOMNode.insertBefore(topSpan, this.DOMNode.childNodes[0]);

          let fSpan = document.createElement("span");
          fSpan.textContent = "333";
          topSpan.appendChild(fSpan);

          let sSpan = document.createElement("span");
          sSpan.textContent = "22";
          topSpan.appendChild(sSpan);
        }
      };

      this.getID = function insertChildSpan_getID() {
       return "Insert inaccessible span containing accessibles" +
          prettyName(aID);
      };
    }

    /**
     * Remove child embedded accessible.
     */
    function removeChildDiv(aID) {
      this.__proto__ = new textRemoveInvoker(aID, 5, 6, kEmbedChar);

      this.invoke = function removeChildDiv_invoke() {
        var childDiv = this.DOMNode.childNodes[1];

        // Ensure accessible is created to get text remove event when it's
        // removed.
        getAccessible(childDiv);

        this.DOMNode.removeChild(childDiv);
      };

      this.getID = function removeChildDiv_getID() {
        return "Remove accessible div from the middle of text accessible " +
          prettyName(aID);
      };
    }

    /**
     * Insert child embedded accessible.
     */
    function insertChildDiv(aID) {
      this.__proto__ = new textInsertInvoker(aID, 5, 6, kEmbedChar);

      this.invoke = function insertChildDiv_invoke() {
        var childDiv = document.createElement("div");
        // Note after bug 646216, a sole div without text won't be accessible
        // and would not result in an embedded character.
        // Therefore, add some text.
        childDiv.textContent = "hello";
        this.DOMNode.insertBefore(childDiv, this.DOMNode.childNodes[1]);
      };

      this.getID = function insertChildDiv_getID() {
        return "Insert accessible div into the middle of text accessible " +
          prettyName(aID);
      };
    }

    /**
     * Remove children from text container from first to last child or vice
     * versa.
     */
    function removeChildren(aID, aLastToFirst, aStart, aEnd, aText) {
      this.__proto__ = new textRemoveInvoker(aID, aStart, aEnd, aText);

      this.invoke = function removeChildren_invoke() {
        if (aLastToFirst) {
          while (this.DOMNode.firstChild)
            this.DOMNode.removeChild(this.DOMNode.lastChild);
        } else {
          while (this.DOMNode.firstChild)
            this.DOMNode.firstChild.remove();
        }
      };

      this.getID = function removeChildren_getID() {
        return "remove children of " + prettyName(aID) +
          (aLastToFirst ? " from last to first" : " from first to last");
      };
    }

    /**
     * Remove text from HTML input.
     */
    function removeTextFromInput(aID, aStart, aEnd, aText) {
      this.__proto__ = new textRemoveInvoker(aID, aStart, aEnd, aText);

      this.eventSeq.push(new invokerChecker(EVENT_TEXT_VALUE_CHANGE,
                                            this.DOMNode));

      this.invoke = function removeTextFromInput_invoke() {
        this.DOMNode.focus();
        this.DOMNode.setSelectionRange(aStart, aEnd);

        synthesizeKey("KEY_Delete");
      };

      this.getID = function removeTextFromInput_getID() {
        return "Remove text from " + aStart + " to " + aEnd + " for " +
          prettyName(aID);
      };
    }

    /**
     * Add text into HTML input.
     */
    function insertTextIntoInput(aID, aStart, aEnd, aText) {
      this.__proto__ = new textInsertInvoker(aID, aStart, aEnd, aText);

      this.eventSeq.push(new invokerChecker(EVENT_TEXT_VALUE_CHANGE,
                                            this.DOMNode));

      this.invoke = function insertTextIntoInput_invoke() {
        this.DOMNode.focus();
        sendString("a");
      };

      this.getID = function insertTextIntoInput_getID() {
        return "Insert text to " + aStart + " for " + prettyName(aID);
      };
    }

    /**
     * Remove text data from text node of editable area.
     */
    function removeTextFromEditable(aID, aStart, aEnd, aText, aTextNode) {
      this.__proto__ = new textRemoveInvoker(aID, aStart, aEnd, aText);

      this.invoke = function removeTextFromEditable_invoke() {
        this.DOMNode.focus();

        var selection = window.getSelection();
        var range = document.createRange();
        range.setStart(this.textNode, aStart);
        range.setEnd(this.textNode, aEnd);
        selection.addRange(range);

        synthesizeKey("KEY_Delete");
      };

      this.getID = function removeTextFromEditable_getID() {
        return "Remove text from " + aStart + " to " + aEnd + " for " +
          prettyName(aID);
      };

      this.textNode = getNode(aTextNode);
    }

    // //////////////////////////////////////////////////////////////////////////
    // Do tests
    gA11yEventDumpToConsole = true; // debugging

    var gQueue = null;
    function doTests() {
      gQueue = new eventQueue();

      // Text remove event on inaccessible child HTML span removal containing
      // accessible text nodes.
      gQueue.push(new removeChildSpan("p"));
      gQueue.push(new insertChildSpan("p"), true);
      gQueue.push(new insertChildSpan("p"), false);

      // Remove embedded character.
      gQueue.push(new removeChildDiv("div"));
      gQueue.push(new insertChildDiv("div"));

      // Remove all children.
      var text = kEmbedChar + "txt" + kEmbedChar;
      gQueue.push(new removeChildren("div2", true, 0, 5, text));
      gQueue.push(new removeChildren("div3", false, 0, 5, text));

      // Text remove from text node within hypertext accessible.
      gQueue.push(new removeTextFromInput("input", 1, 3, "al"));
      gQueue.push(new insertTextIntoInput("input", 1, 2, "a"));

      // bug 570691
      todo(false, "Fix text change events from editable area, see bug 570691");
      // var textNode = getNode("editable").firstChild;
      // gQueue.push(new removeTextFromEditable("editable", 1, 3, "al", textNode));
      // textNode = getNode("editable2").firstChild.firstChild;
      // gQueue.push(new removeTextFromEditable("editable2", 1, 3, "al", textNode));

      gQueue.invoke(); // Will call SimpleTest.finish();
    }

    SimpleTest.waitForExplicitFinish();
    addA11yLoadEvent(doTests);
  </script>
</head>

<body>

  <a target="_blank"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=566293"
     title=" wrong length of text remove event when inaccessible node containing accessible nodes is removed">
    Mozilla Bug 566293
  </a><br>
  <a target="_blank"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=570710"
     title="Avoid extra array traversal during text event creation">
    Mozilla Bug 570710
  </a><br>
  <a target="_blank"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=574003"
     title="Coalesce text events on nodes removal">
    Mozilla Bug 574003
  </a>
  <a target="_blank"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=575052"
     title="Cache text offsets within hypertext accessible">
    Mozilla Bug 575052
  </a>
  <a target="_blank"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=570275"
     title="Rework accessible tree update code">
    Mozilla Bug 570275
  </a>

  <p id="display"></p>
  <div id="content" style="display: none"></div>
  <pre id="test">
  </pre>

  <p id="p"><span><span>333</span><span>22</span></span>1111</p>
  <div id="div">hello<div>hello</div>hello</div>
  <div id="div2"><div>txt</div>txt<div>txt</div></div>
  <div id="div3"><div>txt</div>txt<div>txt</div></div>
  <input id="input" value="value">
  <div contentEditable="true" id="editable">value</div>
  <div contentEditable="true" id="editable2"><span>value</span></div>
</body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.4 Sekunden ¤

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.