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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
add_task(async function () {
const { walker } = await initInspectorFront(
MAIN_DOMAIN + "inspector-traversal-data.html"
);
await testRearrange(walker);
await testInsertInvalidInput(walker);
});
async function testRearrange(walker) {
const longlist = await walker.querySelector(walker.rootNode, "#longlist");
let children = await walker.children(longlist);
const nodeA = children.nodes[0];
is(nodeA.id, "a", "Got the expected node.");
// Move nodeA to the end of the list.
await walker.insertBefore(nodeA, longlist, null);
await SpecialPowers.spawn(gBrowser.selectedBrowser, [], async function () {
ok(
!content.document.querySelector("#a").nextSibling,
"a should now be at the end of the list."
);
});
children = await walker.children(longlist);
is(
nodeA,
children.nodes[children.nodes.length - 1],
"a should now be the last returned child."
);
// Now move it to the middle of the list.
const nextNode = children.nodes[13];
await walker.insertBefore(nodeA, longlist, nextNode);
await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[[nextNode.actorID]],
async function (actorID) {
const { require } = ChromeUtils.importESModule(
"resource://devtools/shared/loader/Loader.sys.mjs"
);
const {
DevToolsServer,
} = require("resource://devtools/server/devtools-server.js");
const {
DocumentWalker,
} = require("resource://devtools/server/actors/inspector/document-walker.js");
const sibling = new DocumentWalker(
content.document.querySelector("#a"),
content
).nextSibling();
// Convert actorID to current compartment string otherwise
// searchAllConnectionsForActor is confused and won't find the actor.
actorID = String(actorID);
const nodeActor = DevToolsServer.searchAllConnectionsForActor(actorID);
is(
sibling,
nodeActor.rawNode,
"Node should match the expected next node."
);
}
);
children = await walker.children(longlist);
is(nodeA, children.nodes[13], "a should be where we expect it.");
is(nextNode, children.nodes[14], "next node should be where we expect it.");
}
async function testInsertInvalidInput(walker) {
const longlist = await walker.querySelector(walker.rootNode, "#longlist");
const children = await walker.children(longlist);
const nodeA = children.nodes[0];
const nextSibling = children.nodes[1];
// Now move it to the original location and make sure no mutation happens.
await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[[longlist.actorID]],
async function (actorID) {
const { require } = ChromeUtils.importESModule(
"resource://devtools/shared/loader/Loader.sys.mjs"
);
const {
DevToolsServer,
} = require("resource://devtools/server/devtools-server.js");
// Convert actorID to current compartment string otherwise
// searchAllConnectionsForActor is confused and won't find the actor.
actorID = String(actorID);
const nodeActor = DevToolsServer.searchAllConnectionsForActor(actorID);
content.hasMutated = false;
content.observer = new content.MutationObserver(() => {
content.hasMutated = true;
});
content.observer.observe(nodeActor.rawNode, {
childList: true,
});
}
);
await walker.insertBefore(nodeA, longlist, nodeA);
let hasMutated = await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[],
async function () {
const state = content.hasMutated;
content.hasMutated = false;
return state;
}
);
ok(!hasMutated, "hasn't mutated");
await walker.insertBefore(nodeA, longlist, nextSibling);
hasMutated = await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[],
async function () {
const state = content.hasMutated;
content.hasMutated = false;
return state;
}
);
ok(!hasMutated, "still hasn't mutated after inserting before nextSibling");
await walker.insertBefore(nodeA, longlist);
hasMutated = await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[],
async function () {
const state = content.hasMutated;
content.hasMutated = false;
return state;
}
);
ok(hasMutated, "has mutated after inserting with null sibling");
await walker.insertBefore(nodeA, longlist);
hasMutated = await SpecialPowers.spawn(
gBrowser.selectedBrowser,
[],
async function () {
const state = content.hasMutated;
content.hasMutated = false;
return state;
}
);
ok(!hasMutated, "hasn't mutated after inserting with null sibling again");
await SpecialPowers.spawn(gBrowser.selectedBrowser, [], async function () {
content.observer.disconnect();
});
}
|
