third_party/WebKit/LayoutTests/accessibility/scroll-div-sends-notification.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <script src="../resources/js-test.js"></script>
   5 <style>
   6 .container {
   7   padding: 100px;
   8   margin: 100px;
   9   border: 1px solid #000;
  10   height: 900px;
  11   overflow: scroll;
  12 }
  13 .bigbutton {
  14   display:block;
  15   width: 600px;
  16   height: 600px;
  17 }
  18 </style>
  19 </head>
  20 <body>
  21
  22 <div id="container" class="container">
  23     <button class="bigbutton">One</button>
  24     <button class="bigbutton">Two</button>
  25     <button class="bigbutton">Three</button>
  26 </div>
  27
  28 <div id="console"></div>
  29 <script>
  30
  31 description("This test ensures that scrolling the window sends a notification.");
  32 window.jsTestIsAsync = true;
  33
  34 if (window.testRunner && window.accessibilityController) {
  35     testRunner.dumpAsText();
  36
  37     var container = document.getElementById('container');
  38
  39     accessibilityController.addNotificationListener(function (target, notification) {
  40         if (target.role == 'AXRole: AXDiv') {
  41             debug('Got notification on container div');
  42             shouldBe("container.scrollTop", "500");
  43             accessibilityController.removeNotificationListener();
  44             finishJSTest();
  45         }
  46     });
  47
  48     window.setTimeout(function() {
  49         container.scrollTop = 500;
  50     }, 0);
  51 }
  52
  53 </script>
  54
  55 </body>
  56 </html>