Quelle test_tabindex.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/dom/svg/test/test_tabindex.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Test for SVG tabIndex - Bug 778654</title>
  <link rel="stylesheet" type="text/css"
        href="chrome://mochikit/content/tests/SimpleTest/test.css" />

  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" overflow="visible">
  <foreignObject id="f" x="0" y="0" width="200" height="60" tabindex="0">
    <body xmlns="http://www.w3.org/1999/xhtml">
      <p>Here is a paragraph that requires word wrap</p>
    </body>
  </foreignObject>
  <rect id="r" x="0" y="70" width="100" height="100" fill="yellow" tabindex="1"/>
  <text id="t" x="0" y="200" tabindex="2">
    This is SVG text
  </text>
  <a xlink:href="#" id="l1" tabindex="3">
    <circle cx="10" cy="230" r="10"/>
  </a>
  <a id="l2" tabindex="4">
    <circle cx="10" cy="260" r="10"/>
  </a>
  <rect id="r6" x="0" y="70" width="100" height="100" fill="yellow" tabindex="6"/>
  <rect id="r7" x="0" y="70" width="100" height="100" fill="yellow" tabindex="7"/>
</svg>
<pre id="test">
<script class="testbody" type="text/javascript">
SimpleTest.waitForExplicitFinish();

function main() {
  var f = document.getElementById("f");
  var r = document.getElementById("r");
  var t = document.getElementById("t");
  var l1 = document.getElementById("l1");
  var l2 = document.getElementById("l2");

  try {
    // Step 1: Checking by assigning tabIndex
    is(f.tabIndex, 0, "foreignObject initial tabIndex");
    f.tabIndex = 1;
    is(f.tabIndex, 1, "foreignObject tabIndex is set to 1");

    is(r.tabIndex, 1, "rect initial tabIndex");
    r.tabIndex = 2;
    is(r.tabIndex, 2, "rect tabIndex is set to 2");

    is(t.tabIndex, 2, "text initial tabIndex");
    t.tabIndex = 3;
    is(t.tabIndex, 3, "text is set to 3");

    is(l1.tabIndex, 3, "link initial tabIndex");
    l1.tabIndex = 4;
    is(l1.tabIndex, 4, "link is set to 4");

    is(l2.tabIndex, 4, "non-link initial tabIndex");
    l2.tabIndex = 5;
    is(l2.tabIndex, 5, "non-link is set to 4");

    // Step 2: Checking by triggering TAB event
    is(document.activeElement.tabIndex, -1, "In the beginning, the active element tabindex is -1");

    synthesizeKey("KEY_Tab");
    is(document.activeElement.tabIndex, 1, "The active element tabindex is 1");

    synthesizeKey("KEY_Tab");
    is(document.activeElement.tabIndex, 2, "The active element tabindex is 2");

    synthesizeKey("KEY_Tab");
    is(document.activeElement.tabIndex, 3, "The active element tabindex is 3");

    synthesizeKey("KEY_Tab");
    is(document.activeElement.tabIndex, 4, "The active element tabindex is 4");

    synthesizeKey("KEY_Tab");
    is(document.activeElement.tabIndex, 5, "The active element tabindex is 5");
  } catch (e) {
    ok(false, "Got unexpected exception" + e);
  }

  SimpleTest.finish();
}

SimpleTest.waitForFocus(main);

</script>
</pre>
</body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.11 Sekunden (vorverarbeitet) ¤

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.