focus_dialog.xhtml

Enable keyboard shortcuts

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin" type="text/css"?>

<window id="other-document"

        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<dialog buttons="accept">

<script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>

<button id="button-1" label="Something"/>

<button id="button-2" label="Something else"/>

<script>

<![CDATA[

window.is = window.arguments[0].is;

window.isnot = window.arguments[0].isnot;

window.ok = window.arguments[0].ok;

window.SimpleTest = window.arguments[0].SimpleTest;

(async function() {

  await new Promise(resolve => {

    window.onload = resolve;

});

  await new Promise(resolve => SimpleTest.waitForFocus(resolve, window));

  let dialog = document.querySelector("dialog");

  let shadow = dialog.shadowRoot;

  let button = document.getElementById("button-1");

  let button2 = document.getElementById("button-2");

  let forwardSequence = [];

  button.focus();

  is(document.activeElement, button, "Should've focused the button");

  forwardSequence.push(button);

  synthesizeKey("KEY_Tab");

  is(document.activeElement, button2, "Should've moved to the second button");

  forwardSequence.push(button2);

  synthesizeKey("KEY_Tab");

  isnot(shadow.activeElement, null, "Should've focused the shadow root button");

  is(document.activeElement, dialog, "document.focusedElement should be the dialog because retargeting");

  forwardSequence.push(shadow.activeElement);

  synthesizeKey("KEY_Tab");

  is(document.activeElement, button, "Should properly wrap around going forward");

  while (forwardSequence.length) {

    synthesizeKey("KEY_Tab", { shiftKey: true });

is(

      shadow.activeElement || document.activeElement,

      forwardSequence.pop(),

      "Should travel backwards correctly: " + forwardSequence.length

);

  window.close();

  SimpleTest.finish();

}());

]]>

</script>

</dialog>

</window>