content/test/data/accessibility/modal-dialog-stack.html

   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>