OLD | NEW |
| (Empty) |
1 <!-- | |
2 @MAC-ALLOW:AXSubrole=* | |
3 --> | |
4 <html> | |
5 <body> | |
6 Test the accessibility tree after a pending modal dialog becomes active. | |
7 <section> | |
8 <dialog id="top-dialog"> | |
9 This was the top dialog and should not be in the tree. | |
10 </dialog> | |
11 <select> | |
12 <optgroup label="Group"> | |
13 <option>This should be pruned out of the tree.</option> | |
14 </optgroup> | |
15 </select> | |
16 </section> | |
17 <button>This button should not be in the tree.</button> | |
18 <dialog id="middle-dialog"> | |
19 This was the middle dialog and should not be in the tree. | |
20 </dialog> | |
21 <dialog id="bottom-dialog"> | |
22 This is the now active dialog. Of course it should be in the tree. | |
23 <button>This is in the active dialog and should be in the tree.</button> | |
24 </dialog> | |
25 <dialog id="pending-dialog"> | |
26 This is the pending dialog and should not be in the tree. | |
27 </dialog> | |
28 <script> | |
29 var pendingDialog = document.querySelector('#pending-dialog'); | |
30 var bottomDialog = document.querySelector('#bottom-dialog'); | |
31 var middleDialog = document.querySelector('#middle-dialog'); | |
32 var topDialog = document.querySelector('#top-dialog'); | |
33 | |
34 pendingDialog.showModal(); | |
35 bottomDialog.showModal(); | |
36 middleDialog.showModal(); | |
37 topDialog.showModal(); | |
38 middleDialog.close(); | |
39 topDialog.close(); | |
40 </script> | |
41 </body> | |
42 </html> | |
OLD | NEW |