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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test the Page navigation events
const RANDOM_ID_PAGE_URL = toDataURL(
`<script>window.randomId = Math.random() + "-" + Date.now();</script>`
);
const promises = new Set();
const resolutions = new Map();
add_task(async function pageWithoutFrame({ client }) {
await loadURL(PAGE_URL);
const { Page } = client;
// turn on navigation related events, such as DOMContentLoaded et al.
await Page.enable();
info("Page domain has been enabled");
const { frameTree } = await Page.getFrameTree();
// Save the given `promise` resolution into the `promises` global Set
function recordPromise(name, promise) {
promise.then(event => {
info(`Received Page.${name}`);
resolutions.set(name, event);
});
promises.add(promise);
}
// Record all Page events that we assert in this test
function recordPromises() {
recordPromise("frameStartedLoading", Page.frameStartedLoading());
recordPromise("frameNavigated", Page.frameNavigated());
recordPromise("domContentEventFired", Page.domContentEventFired());
recordPromise("loadEventFired", Page.loadEventFired());
recordPromise("frameStoppedLoading", Page.frameStoppedLoading());
}
info("Test Page.navigate");
recordPromises();
let navigatedWithinDocumentResolved = false;
Page.navigatedWithinDocument().finally(
() => (navigatedWithinDocumentResolved = true)
);
const url = RANDOM_ID_PAGE_URL;
const { frameId } = await Page.navigate({ url });
info("A new page has been requested");
ok(frameId, "Page.navigate returned a frameId");
is(
frameId,
frameTree.frame.id,
"The Page.navigate's frameId is the same than getFrameTree's one"
);
await assertNavigationEvents({ url, frameId });
const randomId1 = await getTestTabRandomId();
ok(!!randomId1, "Test tab has a valid randomId");
info("Test Page.reload");
recordPromises();
await Page.reload();
info("The page has been reloaded");
await assertNavigationEvents({ url, frameId });
const randomId2 = await getTestTabRandomId();
ok(!!randomId2, "Test tab has a valid randomId");
isnot(
randomId2,
randomId1,
"Test tab randomId has been updated after reload"
);
info("Test Page.navigate with the same URL still reloads the current page");
recordPromises();
await Page.navigate({ url });
info("The page has been reloaded");
await assertNavigationEvents({ url, frameId });
const randomId3 = await getTestTabRandomId();
ok(!!randomId3, "Test tab has a valid randomId");
isnot(
randomId3,
randomId2,
"Test tab randomId has been updated after reload"
);
ok(
!navigatedWithinDocumentResolved,
"navigatedWithinDocument never resolved during the test"
);
});
add_task(async function pageWithSingleFrame({ client }) {
const { Page } = client;
await Page.enable();
// Store all frameNavigated events in an array
const frameNavigatedEvents = [];
Page.frameNavigated(e => frameNavigatedEvents.push(e));
info("Navigate to a page containing an iframe");
const onStoppedLoading = Page.frameStoppedLoading();
const { frameId } = await Page.navigate({ url: FRAMESET_SINGLE_URL });
await onStoppedLoading;
is(frameNavigatedEvents.length, 2, "Received 2 frameNavigated events");
is(
frameNavigatedEvents[0].frame.id,
frameId,
"Received the correct frameId for the frameNavigated event"
);
});
add_task(async function sameDocumentNavigation({ client }) {
await loadURL(PAGE_URL);
const { Page } = client;
// turn on navigation related events, such as DOMContentLoaded et al.
await Page.enable();
info("Page domain has been enabled");
const { frameTree } = await Page.getFrameTree();
info("Test Page.navigate for a same document navigation");
const onNavigatedWithinDocument = Page.navigatedWithinDocument();
let unexpectedEventResolved = false;
Promise.race([
Page.frameStartedLoading(),
Page.frameNavigated(),
Page.domContentEventFired(),
Page.loadEventFired(),
Page.frameStoppedLoading(),
]).then(() => (unexpectedEventResolved = true));
const url = `${PAGE_URL}#some-hash`;
const { frameId } = await Page.navigate({ url });
ok(frameId, "Page.navigate returned a frameId");
is(
frameId,
frameTree.frame.id,
"The Page.navigate's frameId is the same than getFrameTree's one"
);
const event = await onNavigatedWithinDocument;
is(
event.frameId,
frameId,
"The navigatedWithinDocument frameId is the same as in Page.navigate"
);
is(event.url, url, "The navigatedWithinDocument url is the expected url");
ok(!unexpectedEventResolved, "No unexpected navigation event resolved.");
});
async function assertNavigationEvents({ url, frameId }) {
// Wait for all the promises to resolve
await Promise.all(promises);
// Assert the order in which they resolved
const expectedResolutions = [
"frameStartedLoading",
"frameNavigated",
"domContentEventFired",
"loadEventFired",
"frameStoppedLoading",
];
Assert.deepEqual(
[...resolutions.keys()],
expectedResolutions,
"Received various Page navigation events in the expected order"
);
// Now assert the data exposed by each of these events
const frameStartedLoading = resolutions.get("frameStartedLoading");
is(
frameStartedLoading.frameId,
frameId,
"frameStartedLoading frameId is the same one"
);
const frameNavigated = resolutions.get("frameNavigated");
ok(
!frameNavigated.frame.parentId,
"frameNavigated is for the top level document and has a null parentId"
);
is(frameNavigated.frame.id, frameId, "frameNavigated id is the right one");
is(
frameNavigated.frame.name,
undefined,
"frameNavigated name isn't implemented yet"
);
is(frameNavigated.frame.url, url, "frameNavigated url is the right one");
const frameStoppedLoading = resolutions.get("frameStoppedLoading");
is(
frameStoppedLoading.frameId,
frameId,
"frameStoppedLoading frameId is the same one"
);
promises.clear();
resolutions.clear();
}
async function getTestTabRandomId() {
return SpecialPowers.spawn(gBrowser.selectedBrowser, [], function () {
return content.wrappedJSObject.randomId;
});
}
|
