summaryrefslogtreecommitdiffstats
path: root/browser/base/content/test/keyboard/browser_popup_keyNav.js
blob: bf3c1ae44a7d95d7a16d94eae9a872759584113c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

const TEST_PATH = getRootDirectory(gTestPath).replace(
  "chrome://mochitests/content",
  // eslint-disable-next-line @microsoft/sdl/no-insecure-url
  "http://example.com"
);

/**
 * Keyboard navigation has some edgecases in popups because
 * there is no tabstrip or menubar. Check that tabbing forward
 * and backward to/from the content document works:
 */
add_task(async function test_popup_keynav() {
  await SpecialPowers.pushPrefEnv({
    set: [
      ["browser.toolbars.keyboard_navigation", true],
      ["accessibility.tabfocus", 7],
    ],
  });

  const kURL = TEST_PATH + "focusableContent.html";
  await BrowserTestUtils.withNewTab(kURL, async browser => {
    let windowPromise = BrowserTestUtils.waitForNewWindow({
      url: kURL,
    });
    SpecialPowers.spawn(browser, [], () => {
      content.window.open(
        content.location.href,
        "_blank",
        "height=500,width=500,menubar=no,toolbar=no,status=1,resizable=1"
      );
    });
    let win = await windowPromise;
    let hamburgerButton = win.document.getElementById("PanelUI-menu-button");
    forceFocus(hamburgerButton);
    await expectFocusAfterKey("Tab", win.gBrowser.selectedBrowser, false, win);
    // Focus the button inside the webpage.
    EventUtils.synthesizeKey("KEY_Tab", {}, win);
    // Focus the first item in the URL bar
    let firstButton = win.document
      .getElementById("urlbar-container")
      .querySelector("toolbarbutton,[role=button]");
    await expectFocusAfterKey("Tab", firstButton, false, win);
    await BrowserTestUtils.closeWindow(win);
  });
});