1 <!-- 2 @MAC-ALLOW:AXSubrole=* 3 --> 4 <html> 5 <body> 6 Test the accessiblity 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> 43
