LayoutTests/accessibility/aria-checkbox-checked.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 <input type="checkbox" id="check1" />
   9 <input type="checkbox" id="check2" checked />
  10
  11 <div tabindex="0" role="checkbox" id="check3">X</div>
  12 <div tabindex="0" role="checkbox" id="check4" aria-checked="true">X</div>
  13
  14 <input type="checkbox" id="check5" aria-checked="false" />
  15 <input type="checkbox" id="check6" aria-checked="false" checked />
  16 <input type="checkbox" id="check7" aria-checked="true" />
  17 <input type="checkbox" id="check8" aria-checked="true" checked />
  18
  19 <p id="description"></p>
  20 <div id="console"></div>
  21
  22 <script>
  23
  24     description("This tests that ARIA checkboxes correctly handle the aria-checked attribute.");
  25
  26     if (window.accessibilityController) {
  27
  28           var answers = [[ "check1", "false" ],
  29                          [ "check2", "true" ],
  30                          [ "check3", "false" ],
  31                          [ "check4", "true" ],
  32                          [ "check5", "false" ],
  33                          [ "check6", "true" ],
  34                          [ "check7", "false" ],
  35                          [ "check8", "true" ]];
  36
  37           for (var i = 0; i < answers.length; i++) {
  38                 var checkbox = document.getElementById(answers[i][0]);
  39                 checkbox.focus();
  40                 checkbox = accessibilityController.focusedElement;
  41                 shouldBe("checkbox.isChecked", answers[i][1]);
  42           }
  43     }
  44
  45 </script>
  46
  47 <script src="../fast/js/resources/js-test-post.js"></script>
  48 </body>
  49 </html>