LayoutTests/accessibility/aria-checkbox-sends-notification.html

   1 <html>
   2 <head>
   3 <script src="../fast/js/resources/js-test-pre.js"></script>
   4 <script>
   5     function runTest() {
   6         if (window.testRunner)
   7             testRunner.waitUntilDone();
   8
   9         description("This tests that checking of an aria checkbox sends a notification.");
  10         window.root = accessibilityController.rootElement;
  11         window.body = root.childAtIndex(0);
  12
  13         var accessibleCheckbox = body.childAtIndex(0);
  14         var notificationCount = 0;
  15
  16         function listener(notification) {
  17         if (notification == "CheckedStateChanged")
  18             notificationCount++;
  19
  20             document.getElementById("console").innerText += "Got notification: " + notification + "\n";
  21
  22             if (notificationCount == 2) {
  23                 accessibleCheckbox.removeNotificationListener(listener);
  24                 if (window.testRunner)
  25                     testRunner.notifyDone();
  26             }
  27         }
  28         accessibleCheckbox.addNotificationListener(listener);
  29
  30         // Check the checkbox.
  31         document.getElementById('checkbox1').setAttribute('aria-checked', 'true');
  32         document.getElementById('checkbox1').setAttribute('aria-checked', 'false');
  33     };
  34 </script>
  35 </head>
  36 <body>
  37
  38 <div id="checkbox1" tabindex=0 role="checkbox" aria-checked="false">Test Checkbox</div>
  39
  40 <p id="description"></p>
  41 <div id="console"></div>
  42 <script>
  43     runTest();
  44 </script>
  45 <script src="../fast/js/resources/js-test-post.js"></script>
  46 </body>
  47 </html>