summaryrefslogtreecommitdiffstats
path: root/accessible/tests/browser/e10s/browser_events_statechange.js
blob: a510c5b9b57e652f279baed6fbfc5910154185bf (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
/* 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 */
/* import-globals-from ../../mochitest/states.js */
loadScripts(
  { name: "role.js", dir: MOCHITESTS_DIR },
  { name: "states.js", dir: MOCHITESTS_DIR }
);

function checkStateChangeEvent(event, state, isExtraState, isEnabled) {
  let scEvent = event.QueryInterface(nsIAccessibleStateChangeEvent);
  is(scEvent.state, state, "Correct state of the statechange event.");
  is(
    scEvent.isExtraState,
    isExtraState,
    "Correct extra state bit of the statechange event."
  );
  is(scEvent.isEnabled, isEnabled, "Correct state of statechange event state");
}

// Insert mock source into the iframe to be able to verify the right document
// body id.
let iframeSrc = `data:text/html,
  <html>
    <head>
      <meta charset='utf-8'/>
      <title>Inner Iframe</title>
    </head>
    <body id='iframe'></body>
  </html>`;

/**
 * Test state change event and its interface:
 *   - state
 *   - isExtraState
 *   - isEnabled
 */
addAccessibleTask(
  `
  <iframe id="iframe" src="${iframeSrc}"></iframe>
  <input id="checkbox" type="checkbox" />`,
  async function (browser) {
    // Test state change
    let onStateChange = waitForEvent(EVENT_STATE_CHANGE, "checkbox");
    // Set checked for a checkbox.
    await invokeContentTask(browser, [], () => {
      content.document.getElementById("checkbox").checked = true;
    });
    let event = await onStateChange;

    checkStateChangeEvent(event, STATE_CHECKED, false, true);
    testStates(event.accessible, STATE_CHECKED, 0);

    // Test extra state
    onStateChange = waitForEvent(EVENT_STATE_CHANGE, "iframe");
    // Set design mode on.
    await invokeContentTask(browser, [], () => {
      content.document.getElementById("iframe").contentDocument.designMode =
        "on";
    });
    event = await onStateChange;

    checkStateChangeEvent(event, EXT_STATE_EDITABLE, true, true);
    testStates(event.accessible, 0, EXT_STATE_EDITABLE);
  },
  { iframe: true, remoteIframe: true }
);