accessible/tests/mochitest/states/test_buttons.html

changeset 0
6474c204b198
equal deleted inserted replaced
-1:000000000000 0:1164f5c08e6e
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>HTML button accessible states</title>
5 <link rel="stylesheet" type="text/css"
6 href="chrome://mochikit/content/tests/SimpleTest/test.css" />
7
8 <script type="application/javascript"
9 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
10
11 <script type="application/javascript"
12 src="../common.js"></script>
13 <script type="application/javascript"
14 src="../role.js"></script>
15 <script type="application/javascript"
16 src="../states.js"></script>
17
18 <script type="application/javascript">
19 function doTest()
20 {
21 // Default state.
22 testStates("f1_image", STATE_DEFAULT | STATE_FOCUSABLE);
23 testStates("f2_submit", STATE_DEFAULT | STATE_FOCUSABLE);
24 testStates("f3_submitbutton", STATE_DEFAULT | STATE_FOCUSABLE);
25 testStates("f3_disabled_reset", STATE_UNAVAILABLE, 0, STATE_FOCUSABLE, 0);
26 testStates("f4_button", STATE_FOCUSABLE, 0, STATE_DEFAULT);
27 testStates("f4_disabled_button", STATE_UNAVAILABLE, 0, STATE_FOCUSABLE, 0);
28 testStates("f4_image1", STATE_DEFAULT | STATE_FOCUSABLE);
29 testStates("f4_image2", STATE_FOCUSABLE, 0, STATE_DEFAULT);
30 testStates("f4_submit", STATE_FOCUSABLE, 0, STATE_DEFAULT);
31 testStates("f4_submitbutton", STATE_FOCUSABLE, 0, STATE_DEFAULT);
32
33 SimpleTest.finish();
34 }
35
36 SimpleTest.waitForExplicitFinish();
37 addA11yLoadEvent(doTest);
38 </script>
39 </head>
40
41 <body>
42 <a target="_blank"
43 href="https://bugzilla.mozilla.org/show_bug.cgi?id=664142"
44 title="DEFAULT state exposed incorrectly for HTML">
45 Mozilla Bug 664142
46 </a>
47 <p id="display"></p>
48 <div id="content" style="display: none"></div>
49 <pre id="test">
50 </pre>
51
52 <p>A form with an image button</p>
53 <form name="form1" method="get">
54 <input type="text" name="hi">
55
56 <input id="f1_image" type="image" value="image-button">
57 </form>
58
59 <p>A form with a submit button:</p>
60 <form name="form2" method="get">
61 <input type="text" name="hi">
62 <input id="f2_submit" type="submit">
63 </form>
64
65 <p>A form with a HTML4 submit button:</p>
66 <form name="form3" method="get">
67 <input type="text" name="hi">
68 <button id="f3_submitbutton" type="submit">submit</button>
69 <button id="f3_disabled_reset" type="reset" disabled>reset</button>
70 </form>
71
72 <p>A form with normal button, two image buttons, submit button,
73 HTML4 submit button:</p>
74 <form name="form4" method="get">
75 <input type="text" name="hi">
76 <input id="f4_button" type="button" value="normal" name="normal-button">
77 <input id="f4_disabled_button" type="button" value="disabled" name="disabled-button" disabled>
78 <input id="f4_image1" type="image" value="image-button1" name="image-button1">
79 <input id="f4_image2" type="image" value="image-button2" name="image-button2">
80 <input id="f4_submit" type="submit" value="real-submit" name="real-submit">
81 <button id="f4_submitbutton" type="submit">submit</button>
82 </form>
83
84 </body>
85 </html>

mercurial