LayoutTests/accessibility/color-well.html

   1 <html>
   2 <html>
   3 <head>
   4 <script src="../resources/js-test-pre.js"></script>
   5 </head>
   6 <body id="body">
   7
   8     <input id="empty_colorwell" type="color">
   9     <input id="good_colorwell" type="color" value="#ff0000">
  10     <input id="bad_colorwell" type="color" value="purple">
  11
  12     <p id="description"></p>
  13     <div id="console"></div>
  14
  15     <script>
  16         if (window.accessibilityController) {
  17             description("This test checks the role of ColorWellRolean input with type=color");
  18
  19             var colorwell = document.getElementById("empty_colorwell").focus();
  20             var axColorwell = accessibilityController.focusedElement;
  21             debug("Role of input type=color is: " + axColorwell.role);
  22
  23             debug("Value of empty color well: " + axColorwell.stringValue);
  24
  25             colorwell = document.getElementById("good_colorwell").focus();
  26             axColorwell = accessibilityController.focusedElement;
  27             debug("Value of good color well: " + axColorwell.stringValue);
  28
  29             colorwell = document.getElementById("bad_colorwell").focus();
  30             axColorwell = accessibilityController.focusedElement;
  31             debug("Value of bad color well: " + axColorwell.stringValue);
  32         }
  33     </script>
  34
  35 <script src="../resources/js-test-post.js"></script>
  36
  37 </body>
  38 </html>