LayoutTests/fast/events/scroll-event-phase.html

   1 <html>
   2 <script src="../js/resources/js-test-pre.js"></script>
   3 <body style="min-height: 2000px">
   4
   5 <script type="text/javascript">
   6 description('Tests that we can listen for scroll events on the document in both the capture and bubble phases.');
   7
   8 var triggeredCaptureListener = false;
   9 var triggeredBubbleListener = false;
  10
  11 window.addEventListener(
  12     'scroll',
  13     function() {
  14         triggeredCaptureListener = true;
  15         checkComplete();
  16     },
  17     true);
  18
  19 window.addEventListener(
  20     'scroll',
  21     function(event) {
  22         triggeredBubbleListener = true;
  23         checkComplete();
  24     },
  25     false);
  26
  27 function checkComplete()
  28 {
  29     if (triggeredCaptureListener && triggeredBubbleListener) {
  30         debug('Both capture and bubble phase listeners were invoked.');
  31         finishJSTest();
  32     }
  33 }
  34
  35 window.scrollTo(200, 200);
  36 var jsTestIsAsync = true;
  37 </script>
  38 <script src="../js/resources/js-test-post.js"></script>
  39 </body>
  40 </html>