summaryrefslogtreecommitdiffstats
path: root/toolkit/mozapps/extensions/test/browser/browser_menu_button_accessibility.js
blob: eff89cc47c686a64ad1d2a82f08f9a60a08b800b (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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

async function testOpenMenu(btn, method) {
  let shown = BrowserTestUtils.waitForEvent(btn.ownerGlobal, "shown", true);
  await method();
  await shown;
  is(btn.getAttribute("aria-expanded"), "true", "expanded when open");
}

async function testCloseMenu(btn, method) {
  let hidden = BrowserTestUtils.waitForEvent(btn.ownerGlobal, "hidden", true);
  await method();
  await hidden;
  is(btn.getAttribute("aria-expanded"), "false", "not expanded when closed");
}

async function testButton(btn) {
  let win = btn.ownerGlobal;

  is(btn.getAttribute("aria-haspopup"), "menu", "it has a menu");
  is(btn.getAttribute("aria-expanded"), "false", "not expanded");

  info("Test open/close with mouse");
  await testOpenMenu(btn, () => {
    EventUtils.synthesizeMouseAtCenter(btn, {}, win);
  });
  await testCloseMenu(btn, () => {
    let spacer = win.document.querySelector(".main-heading .spacer");
    EventUtils.synthesizeMouseAtCenter(spacer, {}, win);
  });

  info("Test open/close with keyboard");
  await testOpenMenu(btn, async () => {
    btn.focus();
    EventUtils.synthesizeKey(" ", {}, win);
  });
  await testCloseMenu(btn, () => {
    EventUtils.synthesizeKey("Escape", {}, win);
  });
}

add_task(async function testPageOptionsMenuButton() {
  let win = await loadInitialView("extension");

  await testButton(
    win.document.querySelector(".page-options-menu .more-options-button")
  );

  await closeView(win);
});

add_task(async function testCardMoreOptionsButton() {
  let id = "more-options-button@mochi.test";
  let extension = ExtensionTestUtils.loadExtension({
    manifest: {
      browser_specific_settings: { gecko: { id } },
    },
    useAddonManager: "temporary",
  });
  await extension.startup();

  let win = await loadInitialView("extension");
  let card = getAddonCard(win, id);

  info("Check list page");
  await testButton(card.querySelector(".more-options-button"));

  let viewLoaded = waitForViewLoad(win);
  EventUtils.synthesizeMouseAtCenter(card, {}, win);
  await viewLoaded;

  info("Check detail page");
  card = getAddonCard(win, id);
  await testButton(card.querySelector(".more-options-button"));

  await closeView(win);
  await extension.unload();
});