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
|
/* 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";
// Test inspector markup view handling focus and blur when moving between markup
// view, its root and other containers, and other parts of inspector.
add_task(async function () {
const { inspector } = await openInspectorForURL(
"data:text/html;charset=utf-8,<h1>foo</h1><span>bar</span>"
);
const markup = inspector.markup;
const doc = markup.doc;
const win = doc.defaultView;
const spanContainer = await getContainerForSelector("span", inspector);
const rootContainer = markup.getContainer(markup._rootNode);
is(
doc.activeElement,
doc.body,
"Keyboard focus by default is on document body"
);
await selectNode("span", inspector);
is(doc.activeElement, doc.body, "Keyboard focus is still on document body");
info("Focusing on the test span node using 'Return' key");
// Focus on the tree element.
rootContainer.elt.focus();
EventUtils.synthesizeKey("VK_RETURN", {}, win);
is(
doc.activeElement,
spanContainer.editor.tag,
"Keyboard focus should be on tag element of focused container"
);
info("Focusing on search box, external to markup view document");
await focusSearchBoxUsingShortcut(inspector.panelWin);
is(
doc.activeElement,
doc.body,
"Keyboard focus should be removed from focused container"
);
info("Selecting the test span node again");
await selectNode("span", inspector);
is(
doc.activeElement,
doc.body,
"Keyboard focus should again be on document body"
);
info("Focusing on the test span node using 'Space' key");
// Focus on the tree element.
rootContainer.elt.focus();
EventUtils.synthesizeKey("VK_SPACE", {}, win);
is(
doc.activeElement,
spanContainer.editor.tag,
"Keyboard focus should again be on tag element of focused container"
);
await clickOnInspectMenuItem("h1");
is(
doc.activeElement,
rootContainer.elt,
"When inspect menu item is used keyboard focus should move to tree."
);
});
|
