LayoutTests/accessibility/dialog-properties.html - WebKit - Git at Google

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
 <head>
 <script src="../resources/js-test.js"></script>
 <script src="../resources/accessibility-helper.js"></script>
 </head>
 <body id="body">

 <dialog id="dialog">
     <h3>Just a dialog.</h3>
     <button id="ok" onclick="document.getElementById('dialog').close();" class="close-button">OK</button>
     <button onclick="document.getElementById('dialog').close();" class="close-button">Cancel</button>
 </dialog>

 <script>
     description("This test verifies several AX properties of the dialog element.");

     if (window.accessibilityController) {
         window.jsTestIsAsync = true;

         setTimeout(async () => {
             // Show the dialog as modal.
             debug("Modal dialog:");
             document.getElementById("dialog").showModal();
             let dialog = null;
             await waitFor(() => {
                 dialog = accessibilityController.accessibleElementById("dialog");
                 return dialog;
             });
             let properties = `${dialog.role} ${dialog.subrole} ${dialog.roleDescription}`;
             debug(properties);

             // Dismiss the modal and show the dialog as modeless.
             document.getElementById("dialog").close();
             debug("Modeless dialog:");
             document.getElementById("dialog").show();
             dialog = null;
             await waitFor(() => {
                 dialog = accessibilityController.accessibleElementById("dialog");
                 return dialog;
             });
             properties = `${dialog.role} ${dialog.subrole} ${dialog.roleDescription}`;
             debug(properties);

             finishJSTest();
         }, 0);
     }
 </script>
 </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	<html>
	<head>
	<script src="../resources/js-test.js"></script>
	<script src="../resources/accessibility-helper.js"></script>
	</head>
	<body id="body">

	<dialog id="dialog">
	<h3>Just a dialog.</h3>
	<button id="ok" onclick="document.getElementById('dialog').close();" class="close-button">OK</button>
	<button onclick="document.getElementById('dialog').close();" class="close-button">Cancel</button>
	</dialog>

	<script>
	description("This test verifies several AX properties of the dialog element.");

	if (window.accessibilityController) {
	window.jsTestIsAsync = true;

	setTimeout(async () => {
	// Show the dialog as modal.
	debug("Modal dialog:");
	document.getElementById("dialog").showModal();
	let dialog = null;
	await waitFor(() => {
	dialog = accessibilityController.accessibleElementById("dialog");
	return dialog;
	});
	let properties = `${dialog.role} ${dialog.subrole} ${dialog.roleDescription}`;
	debug(properties);

	// Dismiss the modal and show the dialog as modeless.
	document.getElementById("dialog").close();
	debug("Modeless dialog:");
	document.getElementById("dialog").show();
	dialog = null;
	await waitFor(() => {
	dialog = accessibilityController.accessibleElementById("dialog");
	return dialog;
	});
	properties = `${dialog.role} ${dialog.subrole} ${dialog.roleDescription}`;
	debug(properties);

	finishJSTest();
	}, 0);
	}
	</script>
	</body>
	</html>