Quelle test_bug635465.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/dom/events/test/test_bug635465.html

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title>Test for Bug 635465</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"/>
  <style type="text/css">
      #item {
        position: relative;
      }
      .s-menu-section-submenu {
        position: absolute;
        display: none;
      }
      .open .s-menu-section-submenu {
        display: block;
      }
</style>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=635465">Mozilla Bug 635465</a>
<div id="display">
  <div class="item" id="item"
       onmouseover="showSubmenu(event)" onmouseout="hideSubmenu(event)">
    <a href="#" id="firsthover">Hover me</a>
    <div class="s-menu-section-submenu" id="menu">
      <a href="#" id="secondhover">Now hover me</a>
    </div>
  </div>
</div>
<div id="content" style="display: none">

</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 635465 **/
function showSubmenu(event) {
  var item = document.getElementById('item');

  var width = item.offsetWidth;   // IT WORKS IF YOU REMOVE THIS LINE

  item.className='open';
}

function hideSubmenu(event) {
  document.getElementById('item').className='';
}

SimpleTest.waitForExplicitFinish();

function executeTests() {
  // First flush out layout of firsthover
  ok($("firsthover").getBoundingClientRect().height > 0,
     "Should have a nonzero height before hover");

  // Now trigger a mouseover on firsthover
  synthesizeMouseAtCenter($("firsthover"), { type: "mousemove" });

  ok($("secondhover").getBoundingClientRect().height > 0,
     "Should have a nonzero height for submenu after hover");

  // Now determine where secondhover is hanging out
  var rect = $("secondhover").getBoundingClientRect();
  synthesizeMouseAtCenter($("secondhover"), { type: "mousemove" });

  // And another mouseover one pixel to the right of where the center used to be
  synthesizeMouseAtPoint(rect.left + rect.width/2 + 1,
                         rect.top + rect.height/2,
                         { type: "mousemove" });

  ok($("secondhover").getBoundingClientRect().height > 0,
     "Should have a nonzero height for submenu after second hover");

  // And check computed display of the menu
  is(getComputedStyle($("menu"), "").display, "block", "Should have block display");

  SimpleTest.finish();
}

SimpleTest.waitForFocus(executeTests);
</script>
</pre>
</body>
</html>

Messung V0.5

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