3 <title>Dijit wai unit test</title>
\r
4 <script type="text/javascript" src="../../../dojo/dojo.js"
\r
5 djConfig="isDebug: true"></script>
\r
6 <script type="text/javascript">
\r
7 dojo.require("doh.runner");
\r
8 dojo.require("dijit.dijit");
\r
10 dojo.addOnLoad(function(){
\r
11 doh.register("dijit.tests._base.wai",
\r
13 function getWaiRoleOnElementWithNoRole(){
\r
14 var elem = dojo.byId("no-role-or-states");
\r
15 doh.assertFalse(dijit.hasWaiRole(elem));
\r
16 doh.assertEqual("", dijit.getWaiRole(elem));
\r
19 function getEmptyWairoleRole(){
\r
20 var elem = dojo.byId("empty-wairole");
\r
21 doh.assertTrue(dijit.hasWaiRole(elem));
\r
22 doh.assertEqual("", dijit.getWaiRole(elem));
\r
25 function getWairoleRole(){
\r
26 var elem = dojo.byId("wairole");
\r
27 doh.assertTrue(dijit.hasWaiRole(elem));
\r
28 doh.assertEqual("menuitem", dijit.getWaiRole(elem));
\r
31 function getUnprefixedRole(){
\r
32 var elem = dojo.byId("unprefixed-role");
\r
33 doh.assertTrue(dijit.hasWaiRole(elem));
\r
34 doh.assertEqual("menuitem", dijit.getWaiRole(elem));
\r
37 function setWaiRole(){
\r
38 var div = document.createElement("div");
\r
39 dijit.setWaiRole(div, "menuitem");
\r
40 if(dojo.isFF && dojo.isFF < 3){
\r
41 doh.assertEqual("wairole:menuitem",
\r
42 div.getAttribute("role"));
\r
44 doh.assertEqual("menuitem",
\r
45 div.getAttribute("role"));
\r
49 function removeWaiRole(){
\r
50 var div = document.createElement("div");
\r
51 dijit.setWaiRole(div, "menuitem");
\r
52 dijit.removeWaiRole(div);
\r
53 if(div.hasAttribute){
\r
54 doh.assertFalse(div.hasAttribute("role"));
\r
56 doh.assertTrue(div.getAttribute("role") == null
\r
57 || div.getAttribute("role") == "");
\r
61 function getWaiStateOnElementWithNoState(){
\r
62 var elem = dojo.byId("no-role-or-states");
\r
63 doh.assertFalse(dijit.hasWaiState(elem, "checked"));
\r
64 doh.assertEqual("", dijit.getWaiState(elem, "checked"));
\r
67 function getWaiState(){
\r
68 if(dojo.isFF && dojo.isFF < 3){
\r
69 var div = document.createElement("div");
\r
70 div.setAttributeNS("http://www.w3.org/2005/07/aaa",
\r
71 "aaa:checked", "true");
\r
72 doh.assertTrue(dijit.hasWaiState(div, "checked"));
\r
73 doh.assertEqual("true",
\r
74 dijit.getWaiState(div, "checked"));
\r
76 var elem = dojo.byId("checked");
\r
77 doh.assertTrue(dijit.hasWaiState(elem, "checked"));
\r
78 doh.assertEqual("true",
\r
79 dijit.getWaiState(elem, "checked"));
\r
83 function setWaiState(){
\r
84 var div = document.createElement("div");
\r
85 dijit.setWaiState(div, "checked", "true");
\r
86 if(dojo.isFF && dojo.isFF < 3){
\r
87 doh.assertEqual("true",
\r
88 div.getAttributeNS("http://www.w3.org/2005/07/aaa",
\r
91 doh.assertEqual("true",
\r
92 div.getAttribute("aria-checked"));
\r
96 function removeWaiState(){
\r
97 var div = document.createElement("div");
\r
98 dijit.setWaiState(div, "checked", "true");
\r
99 dijit.removeWaiState(div, "checked");
\r
100 doh.assertEqual("", dijit.getWaiState(div, "checked"));
\r
109 <div id="no-role-or-states"></div>
\r
110 <div id="empty-wairole" role="wairole:"></div>
\r
111 <div id="wairole" role="wairole:menuitem"></div>
\r
112 <div id="unprefixed-role" role="menuitem"></div>
\r
113 <div id="checked" aria-checked="true"></div>
\r