Quelle test_input_datetime_tabindex.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/dom/html/test/forms/test_input_datetime_tabindex.html

<!DOCTYPE HTML>
<html>

<head>
  <title>Test tabindex attribute for date/time input types</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"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1288591">Mozilla Bug 1288591</a>
<p id="display"></p>
<div id="content">
  <input id="time1" type="time" tabindex="0">
  <input id="time2" type="time" tabindex="-1">
  <input id="time3" type="time" tabindex="0">
  <input id="time4" type="time" disabled>
  <input id="date1" type="date" tabindex="0">
  <input id="date2" type="date" tabindex="-1">
  <input id="date3" type="date" tabindex="0">
  <input id="date4" type="date" disabled>
  <input id="datetime-local1" type="datetime-local" tabindex="0">
  <input id="datetime-local2" type="datetime-local" tabindex="-1">
  <input id="datetime-local3" type="datetime-local" tabindex="0">
  <input id="datetime-local4" type="datetime-local" disabled>
</div>
<pre id="test">
<script>
/**
* Test for Bug 1288591.
* This test checks whether date/time input types tabindex attribute works
* correctly.
**/
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(function() {
  test();
  SimpleTest.finish();
});

function checkInnerTextboxTabindex(input, tabindex) {
  let fields = SpecialPowers.wrap(input).openOrClosedShadowRoot.querySelectorAll(".datetime-edit-field");

  for (let field of fields) {
    is(field.tabIndex, tabindex, "tabIndex in the inner textbox should be correct");
  }

}

function testTabindex(type) {
  let input1 = document.getElementById(type + "1");
  let input2 = document.getElementById(type + "2");
  let input3 = document.getElementById(type + "3");
  let input4 = document.getElementById(type + "4");

  input1.focus();
  is(document.activeElement, input1,
     "input element with tabindex=0 is focusable");

  // Time input does not include a Calendar button
  let fieldCount;
  if (type == "datetime-local") {
    fieldCount = 7;
  } else if (type == "date") {
    fieldCount = 4;
  } else {
    fieldCount = 3;
  };

  // Advance through inner fields.
  for (let i = 0; i < fieldCount - 1; ++i) {
    synthesizeKey("KEY_Tab");
    is(document.activeElement, input1,
      "input element with tabindex=0 is tabbable");
  }

  // Advance to next element
  synthesizeKey("KEY_Tab");
  is(document.activeElement, input3,
     "input element with tabindex=-1 is not tabbable");

  input2.focus();
  is(document.activeElement, input2,
     "input element with tabindex=-1 is still focusable");

  checkInnerTextboxTabindex(input1, 0);
  checkInnerTextboxTabindex(input2, -1);
  checkInnerTextboxTabindex(input3, 0);

  // Changing the tabindex attribute dynamically.
  input3.setAttribute("tabindex", "-1");

  synthesizeKey("KEY_Tab"); // need only one TAB since input2 is not tabbable

  isnot(document.activeElement, input3,
        "element with tabindex changed to -1 should not be tabbable");
  isnot(document.activeElement, input4,
        "disabled element should not be tabbable");

  checkInnerTextboxTabindex(input3, -1);
}

function test() {
  for (let inputType of ["time", "date", "datetime-local"]) {
    testTabindex(inputType);
  }
}

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

Messung V0.5

¤ Dauer der Verarbeitung: 0.13 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.