mozilla-release/testing/web-platform/tests/wai-aria/errormessage_object_in_invalid_state-manual.html

<!doctype html>
<html>
  <head>
    <title>errormessage object in invalid state</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <link rel="stylesheet" href="/wai-aria/scripts/manual.css">
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <script src="/wai-aria/scripts/ATTAcomm.js"></script>
    <script>
    setup({explicit_timeout: true, explicit_done: true });

    var theTest = new ATTAcomm(
    {
   "steps" : [
      {
         "element" : "test",
         "test" : {
            "ATK" : [
               [
                  "relation",
                  "RELATION_ERROR_MESSAGE",
                  "is",
                  "[error]"
               ]
            ],
            "AXAPI" : [
               [
                  "property",
                  "AXValidationError",
                  "is",
                  "You did not enter a valid date!"
               ]
            ],
            "IAccessible2" : [
               [
                  "properties",
                  "relations",
                  "contains",
                  "IA2_RELATION_ERROR_MESSAGE"
               ]
            ],
            "UIA" : [
               [
                  "property",
                  "IUIAutomationElement.ControllerFor",
                  "is",
                  "error"
               ]
            ]
         },
         "title" : "step 1",
         "type" : "test"
      },
      {
         "element" : "error",
         "test" : {
            "ATK" : [
               [
                  "relation",
                  "RELATION_ERROR_FOR",
                  "is",
                  "[test]"
               ]
            ],
            "IAccessible2" : [
               [
                  "property",
                  "relations",
                  "contains",
                  "IA2_RELATION_ERROR_FOR"
               ]
            ]
         },
         "title" : "step 2",
         "type" : "test"
      }
   ],
   "title" : "errormessage object in invalid state"
}

    ) ;
    </script>
  </head>
  <body>
  <p>This test examines the ARIA properties for errormessage object in invalid state.</p>
    <div role="form">
  <label for="test">date</label><input type="text" id="test" value="foo" aria-invalid="true" aria-errormessage="error">
  <label for="test1">surname</label><input type="text" id="test1">
  </div>
  <div id="error">
     You did not enter a valid date!
  </div>


  <div id="manualMode"></div>
  <div id="log"></div>
  <div id="ATTAmessages"></div>
  </body>
</html>