third_party/WebKit/LayoutTests/accessibility/menu-list-selection-changed.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4 <script src="../resources/js-test.js"></script>
   5
   6 <select id="menulist">
   7   <option id="item0">Alicia</option>
   8   <option id="item1">Peter</option>
   9   <option id="item2">Kalinda</option>
  10 </select>
  11
  12 <div id="console"></div>
  13 <script>
  14 description("This test makes sure menu lists fire events on both the option that lost selection and the one that gained selection.");
  15 window.jsTestIsAsync = true;
  16
  17 if (window.testRunner && window.accessibilityController) {
  18     window.testRunner.dumpAsText();
  19
  20     var menulist = document.getElementById("menulist");
  21     menulist.selectedIndex = 0;
  22
  23     // Explore the whole accessibility tree. State change events won't fire on accessible objects that haven't
  24     // been created yet.
  25     accessibilityController.accessibleElementById('foo');
  26
  27     var result = "";
  28     accessibilityController.addNotificationListener(function(element, notification) {
  29         if (element.role == "AXRole: AXMenuListOption") {
  30             debug("Got notification on option " + element.stringValue + " isSelected=" + element.isSelected);
  31             if (element.isSelected)
  32                 finishJSTest();
  33         }
  34     });
  35
  36     menulist.selectedIndex = 2;
  37 }
  38
  39 </script>
  40
  41 </body>
  42 </html>