LayoutTests/accessibility/press-works-on-control-types.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../fast/js/resources/js-test-pre.js"></script>
   5 </head>
   6 <body id="body">
   7
   8 <div role="group" id="group" tabindex="0">group</div>
   9 <div role="button" id="button" tabindex="0">button</div>
  10 <div role="tab" id="tab" tabindex="0">tab button</div>
  11 <div role="radio" id="radio" tabindex="0">radio</div>
  12 <div role="checkbox" id="checkbox" tabindex="0">checkbox</div>
  13 <div role="menuitem" id="menuitem" tabindex="0">menu item</div>
  14 <div role="menuitemcheckbox" id="menuitemcheckbox" tabindex="0">menu item checkbox</div>
  15 <div role="menuitemradio" id="menuitemradio" tabindex="0">menu item radio</div>
  16 <div role="listitem" id="listitem" tabindex="0">list item</div>
  17
  18 <p id="description"></p>
  19 <div id="console"></div>
  20
  21 <script>
  22
  23     document.getElementById("body").onmousedown = handlePress;
  24
  25     var pressCount = 0;
  26     var eventSrcElement;
  27     function handlePress(e) {
  28        eventSrcElement = e.srcElement;
  29
  30        // First press was on the group element. That is not a control type and it should
  31        // have caused the body to be the target element instead of the group element.
  32        if (pressCount == 0)
  33           shouldBeTrue("eventSrcElement == document.getElementById('body')");
  34        else if (pressCount == 1)
  35           shouldBeTrue("eventSrcElement == document.getElementById('button')");
  36        else if (pressCount == 2)
  37           shouldBeTrue("eventSrcElement == document.getElementById('tab')");
  38        else if (pressCount == 3)
  39           shouldBeTrue("eventSrcElement == document.getElementById('radio')");
  40        else if (pressCount == 4)
  41           shouldBeTrue("eventSrcElement == document.getElementById('checkbox')");
  42        else if (pressCount == 5)
  43           shouldBeTrue("eventSrcElement == document.getElementById('menuitem')");
  44        else if (pressCount == 6)
  45           shouldBeTrue("eventSrcElement == document.getElementById('menuitemcheckbox')");
  46        else if (pressCount == 7)
  47           shouldBeTrue("eventSrcElement == document.getElementById('menuitemradio')");
  48        else if (pressCount == 8)
  49           shouldBeTrue("eventSrcElement == document.getElementById('listitem')");
  50
  51        pressCount++;
  52     }
  53
  54     description("This tests that when certain control type elements are pressed, a valid event is sent that references the right element.");
  55
  56     if (window.accessibilityController) {
  57
  58         var items = new Array("group", "button", "tab", "radio", "checkbox", "menuitem", "menuitemcheckbox", "menuitemradio", "listitem");
  59         for (var k = 0; k < items.length; k++) {
  60            document.getElementById(items[k]).focus();
  61            accessibilityController.focusedElement.press();
  62         }
  63     }
  64
  65 </script>
  66
  67 <script src="../fast/js/resources/js-test-post.js"></script>
  68 </body>
  69 </html>