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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test that the inspector has the correct pseudo-class locking menu items and
// that these items actually work
const {
PSEUDO_CLASSES,
} = require("resource://devtools/shared/css/constants.js");
const TEST_URI =
"data:text/html;charset=UTF-8," +
"pseudo-class lock node menu tests" +
"<div>test div</div>";
// Strip the colon prefix from pseudo-classes (:before => before)
const PSEUDOS = PSEUDO_CLASSES.map(pseudo => pseudo.substr(1));
add_task(async function () {
const { inspector, highlighterTestFront } = await openInspectorForURL(
TEST_URI
);
await selectNode("div", inspector);
const allMenuItems = openContextMenuAndGetAllItems(inspector);
await testMenuItems(highlighterTestFront, allMenuItems, inspector);
});
async function testMenuItems(highlighterTestFront, allMenuItems, inspector) {
for (const pseudo of PSEUDOS) {
const menuItem = allMenuItems.find(
item => item.id === "node-menu-pseudo-" + pseudo
);
ok(menuItem, ":" + pseudo + " menuitem exists");
is(menuItem.disabled, false, ":" + pseudo + " menuitem is enabled");
// Give the inspector panels a chance to update when the pseudoclass changes
const onPseudo = inspector.selection.once("pseudoclass");
const onRefresh = inspector.once("rule-view-refreshed");
// Walker uses SDK-events so calling walker.once does not return a promise.
const onMutations = once(inspector.walker, "mutations");
menuItem.click();
await onPseudo;
await onRefresh;
await onMutations;
const hasLock = await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[`:${pseudo}`],
pseudoClass => {
const element = content.document.querySelector("div");
return InspectorUtils.hasPseudoClassLock(element, pseudoClass);
}
);
ok(hasLock, "pseudo-class lock has been applied");
}
}
|
