Dialog Tests

A dialog with no arguments or options.

The "Open Dialog" button above launches the dialog.

• It should have an OK button that dismisses the dialog when clicked. After dismissal, there should be an "OK!" message aside the launch button, confirming that the dialog was dismissed with success.
• Pressing the ESC key should dismiss the dialog without success. Confirm that there is a "Cancel!" message aside the launch button after you press ESC.
• It may have a "close" button on its title bar that does the same thing as the ESC key. (The button is always there, but a theme is free to hide it via CSS.)
• A theme can hide the title bar with CSS, but if it's visible, it should be draggable.
• A dialog is modal by default. It should be impossible to click on anything else on the page — or shift the focus with the TAB key to something underneath the modal layer — until the dialog has been dealt with.

A dialog that has a string of text as its content, plus two custom buttons.

• The OK button was designated the "primary" button in this dialog. It should be visually distinct from the Cancel button.
• The OK button should receive focus when the dialog opens. Pressing SPACE or ENTER should press whatever button is in focus.
• If the dialog has a visible "close" button, three controls should be eligible for keyboard focus: the OK button, the Cancel button, and the dialog's "close" button. Pressing TAB repeatedly should cycle through these three buttons (without focusing any elements underneath the modal layer). Pressing SHIFT + TAB should follow the same cycle in reverse.
• If the dialog does not have a visible "close" button, it should not be focusable, even though it's still in the HTML. Confirm that pressing TAB cycles between the two buttons and nothing else.