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
101
102
103
104
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
const TEST_URI = `
<h1 id="h1">header</h1>
<p id="p">paragraph</p>
<span id="span-1">text</span>
<span id="span-2">
IamaverylongtextwhichdoesntfitinInlineTextChildReallyIdontIamtoobig
</span>`;
async function openContextMenuForNode({ toolbox }, selector) {
info("Selecting Inspector tab and opening a context menu");
const inspector = await toolbox.selectTool("inspector");
if (!selector) {
ok(inspector.selection.isBodyNode(), "Default selection is a body node.");
} else if (typeof selector === "string") {
await selectNode(selector, inspector, "test");
} else {
const updated = inspector.once("inspector-updated");
inspector.selection.setNodeFront(selector, { reason: "test" });
await updated;
}
return openContextMenuAndGetAllItems(inspector);
}
function checkShowA11YPropertiesNode(allMenuItems) {
const showA11YPropertiesNode = allMenuItems.find(
item => item.id === "node-menu-showaccessibilityproperties"
);
ok(
showA11YPropertiesNode,
"the popup menu now has a show accessibility properties item"
);
return showA11YPropertiesNode;
}
async function checkAccessibleObjectSelection(
{ toolbox, panel },
menuItem,
isText
) {
const inspector = await toolbox.getPanel("inspector");
info(
"Triggering 'Show Accessibility Properties' and waiting for " +
"accessibility panel to open"
);
const panelSelected = toolbox.once("accessibility-selected");
const objectSelected = panel.once("new-accessible-front-selected");
menuItem.click();
await panelSelected;
const selected = await objectSelected;
const expectedNode = isText
? inspector.selection.nodeFront.inlineTextChild
: inspector.selection.nodeFront;
const expectedSelected =
await panel.accessibilityProxy.accessibilityFront.accessibleWalkerFront.getAccessibleFor(
expectedNode
);
is(selected, expectedSelected, "Accessible front selected correctly");
const doc = panel.panelWin.document;
const propertiesTree = doc.querySelector(".tree");
is(doc.activeElement, propertiesTree, "Properties list must be focused.");
ok(
isVisible(doc.querySelector(".treeTable .treeRow.selected")),
"Selected row is visible."
);
}
addA11YPanelTask(
"Test show accessibility properties context menu.",
TEST_URI,
async function testShowAccessibilityPropertiesContextMenu(env) {
// Load the inspector to ensure it to use in this test.
await env.toolbox.loadTool("inspector");
let allMenuItems = await openContextMenuForNode(env);
let showA11YPropertiesNode = checkShowA11YPropertiesNode(allMenuItems);
allMenuItems = await openContextMenuForNode(env, "#h1");
showA11YPropertiesNode = checkShowA11YPropertiesNode(allMenuItems);
await checkAccessibleObjectSelection(env, showA11YPropertiesNode);
allMenuItems = await openContextMenuForNode(env, "#span-1");
showA11YPropertiesNode = checkShowA11YPropertiesNode(allMenuItems);
await checkAccessibleObjectSelection(env, showA11YPropertiesNode, true);
allMenuItems = await openContextMenuForNode(env, "#span-2");
showA11YPropertiesNode = checkShowA11YPropertiesNode(allMenuItems);
const inspector = env.toolbox.getPanel("inspector");
const span2 = await getNodeFront("#span-2", inspector);
await inspector.markup.expandNode(span2);
const { nodes } = await inspector.walker.children(span2);
allMenuItems = await openContextMenuForNode(env, nodes[0]);
showA11YPropertiesNode = checkShowA11YPropertiesNode(allMenuItems);
await checkAccessibleObjectSelection(env, showA11YPropertiesNode, false);
}
);
|
