Quelle helper_bug1331693.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/gfx/layers/apz/test/mochitest/helper_bug1331693.html

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width; initial-scale=1.0">
  <title>Dragging the mouse on a scrollframe inside an SVGEffects</title>
  <script type="application/javascript" src="apz_test_native_event_utils.js"></script>
  <script type="application/javascript" src="apz_test_utils.js"></script>
  <script src="/tests/SimpleTest/paint_listener.js"></script>
  <script type="text/javascript">

async function test() {
  var scrollableDiv = document.getElementById("scrollable");
  let scrollPromise = new Promise(resolve => {
    scrollableDiv.addEventListener("scroll", resolve, {once: true});
  });

  var dragFinisher = await promiseVerticalScrollbarDrag(scrollableDiv);
  if (!dragFinisher) {
    ok(true, "No scrollbar, can't do this test");
    return;
  }

  // the events above might be stuck in APZ input queue for a bit until the
  // layer is activated, so we wait here until the scroll event listener is
  // triggered.
  await scrollPromise;

  await dragFinisher();

  // Flush everything just to be safe
  await promiseOnlyApzControllerFlushed();

  // After dragging the scrollbar 20px on a 200px-high scrollable div, we should
  // have scrolled approx 10% of the 2000px high content. There might have been
  // scroll arrows and such so let's just have a minimum bound of 50px to be safe.
  ok(scrollableDiv.scrollTop > 50, "Scrollbar drag resulted in a scroll position of " + scrollableDiv.scrollTop);
}

waitUntilApzStable()
.then(test)
.then(subtestDone, subtestFailed);

  </script>
  <style>
    #svgeffects {
      background-color: lightgreen;
      width: 300px;
      height: 300px;
      clip-path: circle(200px at 100% 0); /* ensure scrollthumb is in the clip */
    }
    #scrollable {
      overflow: scroll;
      height: 200px;
      width: 200px;
    }
    #content {
      width: 1000px;
      height: 2000px;
      background-image: linear-gradient(red,blue);
    }
  </style>
</head>
<body>
<div id="svgeffects">A div that generate an svg effects display item
  <div id="scrollable">
    <div id="content">Some content inside the scrollframe</div>
  </div>
</div>
</body>
</html>

Messung V0.5

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