Quelle test_css_tables.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/accessible/tests/mochitest/table/test_css_tables.html

<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
  <title>CSS display:table is not a table</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <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 type="application/javascript"
          src="../common.js"></script>
  <script type="application/javascript"
          src="../role.js"></script>

  <script type="application/javascript">

    function doTest() {
      // ////////////////////////////////////////////////////////////////////////
      // elements with display:table

      // only display:table
      var accTree =
        { SECTION: [
          { TEXT_LEAF: [ ] },
        ] };
      testAccessibleTree("table1", accTree);

      // only display:table and display:table-cell
      accTree =
        { SECTION: [
          { SECTION: [
            { TEXT_LEAF: [ ] },
          ] },
      ] };
      testAccessibleTree("table2", accTree);

      // display:table, display:table-row, and display:table-cell
      accTree =
        { SECTION: [
          { SECTION: [
            { TEXT_LEAF: [ ] },
          ] },
      ] };
      testAccessibleTree("table3", accTree);

      // display:table, display:table-row-group, display:table-row, and display:table-cell
      accTree =
        { SECTION: [
          { SECTION: [
            { TEXT_LEAF: [ ] },
          ] },
        ] };
      testAccessibleTree("table4", accTree);

      // display:inline-table
      accTree =
        { TEXT_CONTAINER: [
          { TEXT_CONTAINER: [
            { TEXT_LEAF: [ ] },
          ] },
        ] };
      testAccessibleTree("table5", accTree);

      SimpleTest.finish();
    }

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

<body>
  <a target="_blank"
     title=" div with display:table exposes table semantics"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=1007975">Mozilla Bug 1007975</a>

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

  <div id="table1" style="display:table">
    table1
  </div>

  <div id="table2" style="display:table">
    <div style="display:table-cell">table2</div>
  </div>

  <div id="table3" style="display:table">
    <div style="display:table-row">
      <div style="display:table-cell">table3</div>
    </div>
  </div>

  <div id="table4" style="display:table">
    <div style="display:table-row-group">
      <div style="display:table-row">
        <div style="display:table-cell">table4</div>
      </div>
    </div>
  </div>

  <div>
    <span id="table5" style="display:inline-table">
      <span style="display:table-row">
        <span style="display:table-cell">table5</div>
      </span>
    </span>
  </div>

</body>
</html>

Messung V0.5

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