third_party/WebKit/LayoutTests/accessibility/color-well.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src="../resources/js-test.js"></script>
   5     </head>
   6     <body>
   7
   8         <input id="empty_colorwell" type="color">
   9         <input id="valid_colorwell" type="color" value="#ff0000">
  10         <input id="invalid_colorwell" type="color" value="purple">
  11
  12         <script>
  13             description("This test ensures that the correct accessibility properties can be retrieved from input elements of type color.");
  14
  15             if (window.accessibilityController) {
  16                 var colorwell = document.getElementById("empty_colorwell");
  17                 colorwell.focus();
  18                 var axColorwell = accessibilityController.focusedElement;
  19                 shouldBeEqualToString("axColorwell.role", "AXRole: AXColorWell");
  20                 shouldBeEqualToNumber("axColorwell.colorValue", 0xff000000);
  21                 shouldBeEqualToString("axColorwell.stringValue", "AXValue: rgba(0, 0, 0, 1)");
  22
  23                 colorwell = document.getElementById("valid_colorwell");
  24                 colorwell.focus();
  25                 axColorwell = accessibilityController.focusedElement;
  26                 shouldBeEqualToString("axColorwell.role", "AXRole: AXColorWell");
  27                 shouldBeEqualToNumber("axColorwell.colorValue", 0xffff0000);
  28                 shouldBeEqualToString("axColorwell.stringValue", "AXValue: rgba(255, 0, 0, 1)");
  29
  30                 colorwell = document.getElementById("invalid_colorwell");
  31                 colorwell.focus();
  32                 axColorwell = accessibilityController.focusedElement;
  33                 shouldBeEqualToString("axColorwell.role", "AXRole: AXColorWell");
  34                 shouldBeEqualToNumber("axColorwell.colorValue", 0xff000000);
  35                 shouldBeEqualToString("axColorwell.stringValue", "AXValue: rgba(0, 0, 0, 1)");
  36             }
  37
  38         </script>
  39     </body>
  40 </html>