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
|
<!doctype html>
<meta charset=utf-8>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="modulepreload" href="resources/module1.js?empty-string" as="" data-as="">
<link rel="modulepreload" href="resources/module1.js?audio" as="audio" data-as="audio">
<link rel="modulepreload" href="resources/module1.js?audioworklet" as="audioworklet" data-as="audioworklet">
<link rel="modulepreload" href="resources/module1.js?document" as="document" data-as="document">
<link rel="modulepreload" href="resources/module1.js?embed" as="embed" data-as="embed">
<link rel="modulepreload" href="resources/module1.js?font" as="font" data-as="font">
<link rel="modulepreload" href="resources/module1.js?frame" as="frame" data-as="frame">
<link rel="modulepreload" href="resources/module1.js?iframe" as="iframe" data-as="iframe">
<link rel="modulepreload" href="resources/module1.js?image" as="image" data-as="image">
<link rel="modulepreload" href="resources/module1.js?manifest" as="manifest" data-as="manifest">
<link rel="modulepreload" href="resources/module1.js?object" as="object" data-as="object">
<link rel="modulepreload" href="resources/module1.js?paintworklet" as="paintworklet" data-as="paintworklet">
<link rel="modulepreload" href="resources/module1.js?report" as="report" data-as="report">
<link rel="modulepreload" href="resources/module1.js?script" as="script" data-as="script">
<link rel="modulepreload" href="resources/module1.js?serviceworker" as="serviceworker" data-as="serviceworker">
<link rel="modulepreload" href="resources/module1.js?sharedworker" as="sharedworker" data-as="sharedworker">
<link rel="modulepreload" href="resources/module1.js?style" as="style" data-as="style">
<link rel="modulepreload" href="resources/module1.js?track" as="track" data-as="track">
<link rel="modulepreload" href="resources/module1.js?video" as="video" data-as="video">
<link rel="modulepreload" href="resources/module1.js?webidentity" as="webidentity" data-as="webidentity">
<link rel="modulepreload" href="resources/module1.js?worker" as="worker" data-as="worker">
<link rel="modulepreload" href="resources/module1.js?xslt" as="xslt" data-as="xslt">
<link rel="modulepreload" href="resources/module1.js?fetch" as="fetch" data-as="fetch">
<link rel="modulepreload" href="resources/module1.js?invalid-dest" as="invalid-dest" data-as="invalid-dest">
<link rel="modulepreload" href="resources/module1.js?iMaGe" as="iMaGe" data-as="iMaGe">
<link rel="modulepreload" href="resources/module1.js?sCrIpT" as="sCrIpT" data-as="sCrIpT">
<body>
<script>
// compared to modulepreload.html, this tests behavior when elements are
// initially on an HTML page instead of being added by JS
const scriptLikes = [
'audioworklet',
'paintworklet',
'script',
'serviceworker',
'sharedworker',
'worker',
];
const goodAsValues = ['', 'invalid-dest', 'sCrIpT', ...scriptLikes];
for (const link of document.querySelectorAll('link')) {
const asValue = link.dataset.as; // don't depend on "as" attribute reflection
const good = goodAsValues.includes(asValue);
// promise tests are queued sequentially, so create the promise here to
// ensure we don't miss the error event
const promise = new Promise((resolve, reject) => {
link.onload = good ? resolve : reject;
link.onerror = good ? reject : resolve;
});
promise_test(() => promise.then(() => {
const downloads = performance
.getEntriesByName(new URL(link.href, location.href))
.filter(entry => entry.transferSize > 0)
.length;
assert_equals(downloads, good ? 1 : 0);
}), `Modulepreload with as="${asValue}"`);
}
</script>
|
