summaryrefslogtreecommitdiffstats
path: root/accessible/tests/browser/e10s/browser_treeupdate_optgroup.js
blob: ec7eed0919179b4fae240b80268b8cbd6f77bfe7 (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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/* 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 });

addAccessibleTask(
  '<select id="select"></select>',
  async function (browser, accDoc) {
    let select = findAccessibleChildByID(accDoc, "select");

    let onEvent = waitForEvent(EVENT_REORDER, "select");
    // Create a combobox with grouping and 2 standalone options
    await invokeContentTask(browser, [], () => {
      let doc = content.document;
      let contentSelect = doc.getElementById("select");
      let optGroup = doc.createElement("optgroup");

      for (let i = 0; i < 2; i++) {
        let opt = doc.createElement("option");
        opt.value = i;
        opt.text = "Option: Value " + i;
        optGroup.appendChild(opt);
      }
      contentSelect.add(optGroup, null);

      for (let i = 0; i < 2; i++) {
        let opt = doc.createElement("option");
        contentSelect.add(opt, null);
      }
      contentSelect.firstChild.firstChild.id = "option1Node";
    });
    let event = await onEvent;
    let option1Node = findAccessibleChildByID(event.accessible, "option1Node");

    let tree = {
      COMBOBOX: [
        {
          COMBOBOX_LIST: [
            {
              GROUPING: [{ COMBOBOX_OPTION: [] }, { COMBOBOX_OPTION: [] }],
            },
            {
              COMBOBOX_OPTION: [],
            },
            {
              COMBOBOX_OPTION: [],
            },
          ],
        },
      ],
    };
    testAccessibleTree(select, tree);
    ok(!isDefunct(option1Node), "option shouldn't be defunct");

    onEvent = waitForEvent(EVENT_REORDER, "select");
    // Remove grouping from combobox
    await invokeContentTask(browser, [], () => {
      let contentSelect = content.document.getElementById("select");
      contentSelect.firstChild.remove();
    });
    await onEvent;

    tree = {
      COMBOBOX: [
        {
          COMBOBOX_LIST: [{ COMBOBOX_OPTION: [] }, { COMBOBOX_OPTION: [] }],
        },
      ],
    };
    testAccessibleTree(select, tree);
    ok(
      isDefunct(option1Node),
      "removed option shouldn't be accessible anymore!"
    );

    onEvent = waitForEvent(EVENT_REORDER, "select");
    // Remove all options from combobox
    await invokeContentTask(browser, [], () => {
      let contentSelect = content.document.getElementById("select");
      while (contentSelect.length) {
        contentSelect.remove(0);
      }
    });
    await onEvent;

    tree = {
      COMBOBOX: [
        {
          COMBOBOX_LIST: [],
        },
      ],
    };
    testAccessibleTree(select, tree);
  },
  { iframe: true, remoteIframe: true }
);