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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Tests that the inspector loads early without waiting for load events.
const server = createTestHTTPServer();
// Register a slow image handler so we can simulate a long time between
// a reload and the load event firing.
server.registerContentType("gif", "image/gif");
function onPageResourceRequest() {
return new Promise(done => {
server.registerPathHandler("/slow.gif", function (metadata, response) {
info("Image has been requested");
response.processAsync();
done(response);
});
});
}
// Test page load events.
const TEST_URL =
"data:text/html," +
"<!DOCTYPE html>" +
"<head><meta charset='utf-8' /></head>" +
"<body>" +
"<p>Page loading slowly</p>" +
"<img src='http://localhost:" +
server.identity.primaryPort +
"/slow.gif' />" +
"</body>" +
"</html>";
add_task(async function () {
const { inspector, tab } = await openInspectorForURL("about:blank");
const domContentLoaded = waitForLinkedBrowserEvent(tab, "DOMContentLoaded");
const pageLoaded = waitForLinkedBrowserEvent(tab, "load");
const markupLoaded = inspector.once("markuploaded");
const onRequest = onPageResourceRequest();
info("Navigate to the slow loading page");
const target = inspector.toolbox.target;
await target.navigateTo({ url: TEST_URL });
info("Wait for request made to the image");
const response = await onRequest;
// The request made to the image shouldn't block the DOMContentLoaded event
info("Wait for DOMContentLoaded");
await domContentLoaded;
// Nor does it prevent the inspector from loading
info("Wait for markup-loaded");
await markupLoaded;
ok(inspector.markup, "There is a markup view");
is(inspector.markup._elt.children.length, 1, "The markup view is rendering");
is(
await contentReadyState(tab),
"interactive",
"Page is still loading but the inspector is ready"
);
// Ends page load by unblocking the image request
response.finish();
// We should then receive the page load event
info("Wait for load");
await pageLoaded;
});
function waitForLinkedBrowserEvent(tab, event) {
return BrowserTestUtils.waitForContentEvent(tab.linkedBrowser, event, true);
}
function contentReadyState(tab) {
return SpecialPowers.spawn(tab.linkedBrowser, [], function () {
return content.document.readyState;
});
}
|
