forked from mirrors/gecko-dev
128 lines
5.1 KiB
JavaScript
128 lines
5.1 KiB
JavaScript
/* 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";
|
|
|
|
// Checks for the AccessibleActor events
|
|
|
|
add_task(async function() {
|
|
const {client, walker, accessibility} =
|
|
await initAccessibilityFrontForUrl(MAIN_DOMAIN + "doc_accessibility.html");
|
|
const modifiers = Services.appinfo.OS === "Darwin" ? "\u2303\u2325" : "Alt+Shift+";
|
|
|
|
const a11yWalker = await accessibility.getWalker();
|
|
await accessibility.enable();
|
|
const rootNode = await walker.getRootNode();
|
|
const a11yDoc = await a11yWalker.getAccessibleFor(rootNode);
|
|
const buttonNode = await walker.querySelector(walker.rootNode, "#button");
|
|
const accessibleFront = await a11yWalker.getAccessibleFor(buttonNode);
|
|
const sliderNode = await walker.querySelector(walker.rootNode, "#slider");
|
|
const accessibleSliderFront = await a11yWalker.getAccessibleFor(sliderNode);
|
|
const browser = gBrowser.selectedBrowser;
|
|
|
|
checkA11yFront(accessibleFront, {
|
|
name: "Accessible Button",
|
|
role: "pushbutton",
|
|
value: "",
|
|
description: "Accessibility Test",
|
|
keyboardShortcut: modifiers + "b",
|
|
childCount: 1,
|
|
domNodeType: 1,
|
|
indexInParent: 1,
|
|
states: ["focusable", "selectable text", "opaque", "enabled", "sensitive"],
|
|
actions: [ "Press" ],
|
|
attributes: {
|
|
"margin-top": "0px",
|
|
display: "inline-block",
|
|
"text-align": "center",
|
|
"text-indent": "0px",
|
|
"margin-left": "0px",
|
|
tag: "button",
|
|
"margin-right": "0px",
|
|
id: "button",
|
|
"margin-bottom": "0px"
|
|
}
|
|
});
|
|
|
|
info("Name change event");
|
|
await emitA11yEvent(accessibleFront, "name-change",
|
|
(name, parent) => {
|
|
checkA11yFront(accessibleFront, { name: "Renamed" });
|
|
checkA11yFront(parent, { }, a11yDoc);
|
|
}, () => ContentTask.spawn(browser, null, () =>
|
|
content.document.getElementById("button").setAttribute(
|
|
"aria-label", "Renamed")));
|
|
|
|
info("Description change event");
|
|
await emitA11yEvent(accessibleFront, "description-change",
|
|
() => checkA11yFront(accessibleFront, { description: "" }),
|
|
() => ContentTask.spawn(browser, null, () =>
|
|
content.document.getElementById("button").removeAttribute("aria-describedby")));
|
|
|
|
info("State change event");
|
|
const expectedStates = ["unavailable", "selectable text", "opaque"];
|
|
await emitA11yEvent(accessibleFront, "states-change",
|
|
newStates => {
|
|
checkA11yFront(accessibleFront, { states: expectedStates });
|
|
SimpleTest.isDeeply(newStates, expectedStates, "States are updated");
|
|
}, () => ContentTask.spawn(browser, null, () =>
|
|
content.document.getElementById("button").setAttribute("disabled", true)));
|
|
|
|
info("Attributes change event");
|
|
await emitA11yEvent(accessibleFront, "attributes-change",
|
|
newAttrs => {
|
|
checkA11yFront(accessibleFront, { attributes: {
|
|
"container-live": "polite",
|
|
display: "inline-block",
|
|
"event-from-input": "false",
|
|
"explicit-name": "true",
|
|
id: "button",
|
|
live: "polite",
|
|
"margin-bottom": "0px",
|
|
"margin-left": "0px",
|
|
"margin-right": "0px",
|
|
"margin-top": "0px",
|
|
tag: "button",
|
|
"text-align": "center",
|
|
"text-indent": "0px"
|
|
}});
|
|
is(newAttrs.live, "polite", "Attributes are updated");
|
|
}, () => ContentTask.spawn(browser, null, () =>
|
|
content.document.getElementById("button").setAttribute("aria-live", "polite")));
|
|
|
|
info("Value change event");
|
|
checkA11yFront(accessibleSliderFront, { value: "5" });
|
|
await emitA11yEvent(accessibleSliderFront, "value-change",
|
|
() => checkA11yFront(accessibleSliderFront, { value: "6" }),
|
|
() => ContentTask.spawn(browser, null, () =>
|
|
content.document.getElementById("slider").setAttribute("aria-valuenow", "6")));
|
|
|
|
info("Reorder event");
|
|
is(accessibleSliderFront.childCount, 1, "Slider has only 1 child");
|
|
const [firstChild, ] = await accessibleSliderFront.children();
|
|
is(firstChild.indexInParent, 0, "Slider's first child has correct index in parent");
|
|
await emitA11yEvent(accessibleSliderFront, "reorder",
|
|
childCount => {
|
|
is(childCount, 2, "Child count is updated");
|
|
is(accessibleSliderFront.childCount, 2, "Child count is updated");
|
|
is(firstChild.indexInParent, 1,
|
|
"Slider's first child has an updated index in parent");
|
|
}, () => ContentTask.spawn(browser, null, () => {
|
|
const doc = content.document;
|
|
const slider = doc.getElementById("slider");
|
|
const button = doc.createElement("button");
|
|
button.innerText = "Slider button";
|
|
content.document.getElementById("slider").insertBefore(button, slider.firstChild);
|
|
}));
|
|
|
|
await emitA11yEvent(firstChild, "index-in-parent-change", indexInParent =>
|
|
is(indexInParent, 0, "Slider's first child has an updated index in parent"), () =>
|
|
ContentTask.spawn(browser, null, () =>
|
|
content.document.getElementById("slider").firstChild.remove()));
|
|
|
|
await accessibility.disable();
|
|
await waitForA11yShutdown();
|
|
await client.close();
|
|
gBrowser.removeCurrentTab();
|
|
});
|