summaryrefslogtreecommitdiffstats
path: root/accessible/tests/browser/e10s/browser_treeupdate_select_dropdown.js
blob: 8ccbe58751f57bc68934b69e7d937af1229cdc51 (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
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/* import-globals-from ../../mochitest/role.js */
loadScripts({ name: "role.js", dir: MOCHITESTS_DIR });

const snippet = `
<select id="select">
  <option>o1</option>
  <optgroup label="g1">
    <option>g1o1</option>
    <option>g1o2</option>
  </optgroup>
  <optgroup label="g2">
    <option>g2o1</option>
    <option>g2o2</option>
  </optgroup>
  <option>o2</option>
</select>
`;

addAccessibleTask(
  snippet,
  async function (browser) {
    await invokeFocus(browser, "select");
    // Expand the select. A dropdown item should get focus.
    // Note that the dropdown is rendered in the parent process.
    let focused = waitForEvent(
      EVENT_FOCUS,
      event => event.accessible.role == ROLE_COMBOBOX_OPTION,
      "Dropdown item focused after select expanded"
    );
    await invokeContentTask(browser, [], () => {
      const { ContentTaskUtils } = ChromeUtils.importESModule(
        "resource://testing-common/ContentTaskUtils.sys.mjs"
      );
      const EventUtils = ContentTaskUtils.getEventUtils(content);
      EventUtils.synthesizeKey("VK_DOWN", { altKey: true }, content);
    });
    info("Waiting for parent focus");
    let event = await focused;
    let dropdown = event.accessible.parent;

    let selectedOptionChildren = [];
    if (MAC) {
      // Checkmark is part of the Mac menu styling.
      selectedOptionChildren = [{ STATICTEXT: [] }];
    }
    let tree = {
      COMBOBOX_LIST: [
        { COMBOBOX_OPTION: selectedOptionChildren },
        { GROUPING: [{ COMBOBOX_OPTION: [] }, { COMBOBOX_OPTION: [] }] },
        { GROUPING: [{ COMBOBOX_OPTION: [] }, { COMBOBOX_OPTION: [] }] },
        { COMBOBOX_OPTION: [] },
      ],
    };
    testAccessibleTree(dropdown, tree);

    // Collapse the select. Focus should return to the select.
    focused = waitForEvent(
      EVENT_FOCUS,
      "select",
      "select focused after collapsed"
    );
    EventUtils.synthesizeKey("VK_ESCAPE", {}, window);
    info("Waiting for child focus");
    await focused;
  },
  { iframe: true, remoteIframe: true }
);