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
|
<!DOCTYPE html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/test-initiator.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<!-- Empty Blocking Script -->
<script src="../resources/empty.js?blocking"></script>
<!-- Empty Preloaded Script -->
<link rel="preload" href="../resources/display_paragraph.js" as="script" />
<!-- Loading arbitrary Empty Blocking Async Script -->
<script async src="../resources/empty.js?async"></script>
<!-- Loading arbitrary Empty Deferred Script -->
<script defer src="../resources/empty.js?deferred"></script>
<!-- Loading arbitrary Empty Module Script -->
<script type="module" src="../resources/empty.js?module"></script>
<!-- Empty Stylesheet -->
<link rel="stylesheet" href="../resources/empty_style.css?link" />
<script src="../resources/display_paragraph.js"></script>
<!-- Inline Styles -->
<style>
body {
background-image: url("/images/blue.png?inline-style");
font-family: remoteFont, sans-serif;
}
@font-face {
font-family: remoteFont;
/* This query parameter ensures that the Ahem.ttf is not retrieved from the cache. */
src: url("/fonts/Ahem.ttf?initiator-html");
}
</style>
</head>
<body>
<!-- Loading an arbitrary Image using <img> tag -->
<img
src="/images/blue.png?using-Img-tag"
alt="Sample Image for testing initiator Attribute"
/>
<iframe src="../resources/green.html"></iframe>
<script>
display_paragraph();
function waitForLoad(obj) {
return new Promise(resolve => {
obj.addEventListener("load", resolve, { once: true });
});
}
// Load arbitrary stylesheet with inline script
const link = document.createElement("link");
link.rel = "stylesheet";
link.href = "../resources/empty_style.css?inline-script";
document.head.appendChild(link);
// Load arbitrary image with inline script
const img = document.createElement("img");
img.src = "/images/blue.png?inline-script";
document.body.appendChild(img);
const host_info = get_host_info();
const expectedInitiatorUrl = host_info["ORIGIN"] + "/resource-timing/tentative/document-initiated.html";
// Testing Initiator of all the resources loaded
promise_test(async (t) => {
await waitForLoad(link);
await waitForLoad(img);
const resources = [
"empty.js?blocking",
"display_paragraph.js",
"empty.js?async",
"empty.js?deferred",
"empty.js?module",
"empty_style.css?link",
"blue.png?inline-style",
"Ahem.ttf?initiator-html",
"blue.png?using-Img-tag",
/* "green.html",
TODO(guohuideng@microsoft.com): report initiator for iframe element.
*/
"empty_style.css?inline-script",
"blue.png?inline-script",
];
for (const resource of resources) {
await testResourceInitiatorUrl(resource, expectedInitiatorUrl);
}
}, "initiatorUrl by main html file");
// Finally, test with the case document.write().
promise_test(async (t) => {
document.open();
document.write('<img id="img_written" src="/images/blue.png?inline-script-doc-write">');
document.close();
await waitForLoad(document.getElementById("img_written"));
await testResourceInitiatorUrl("blue.png?inline-script-doc-write", expectedInitiatorUrl);
document.open();
document.write('<link id="css_written" rel="stylesheet" href="../resources/empty_style.css?inline-script-doc-write">');
document.close();
await waitForLoad(document.getElementById("css_written"));
await testResourceInitiatorUrl("empty_style.css?inline-script-doc-write", expectedInitiatorUrl);
document.open();
document.write('<script id="script_written" src="../resources/empty.js?doc-write"><\/script>');
document.close();
await waitForLoad(document.getElementById("script_written"));
await testResourceInitiatorUrl("empty.js?doc-write", expectedInitiatorUrl);
}, "initiatorUrl for resource by document.write()");
</script>
</body>
|
