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
|
<!DOCTYPE html>
<title>Fetch destination tests for resources with no load event</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="/service-workers/service-worker/resources/test-helpers.sub.js"></script>
<script>
let frame;
// Set up the service worker and the frame.
promise_test(t => {
const kScope = 'resources/empty.https.html';
const kScript = 'resources/fetch-destination-worker-no-load-event.js';
return service_worker_unregister_and_register(t, kScript, kScope)
.then(registration => {
add_completion_callback(() => {
registration.unregister();
});
return wait_for_state(t, registration.installing, 'activated');
})
.then(() => {
return with_iframe(kScope);
})
.then(f => {
frame = f;
add_completion_callback(() => { f.remove(); });
});
}, 'Initialize global state');
var waitOnMessageFromSW = async t => {
await new Promise((resolve, reject) => {
frame.contentWindow.navigator.serviceWorker.onmessage = t.step_func(event => {
if (event.data == "PASS") {
resolve();
} else {
reject();
}
});
}).catch(() => {;
assert_unreached("Wrong destination.");
});
t.add_cleanup(() => { frame.contentWindow.navigator.serviceWorker.onmessage = null; });
}
// Actual tests
// Image destination
////////////////////
// CSS background image - image destination
promise_test(async t => {
let node = frame.contentWindow.document.createElement("div");
node.style = "background-image: url(dummy.png?t=bg2&dest=image)";
frame.contentWindow.document.body.appendChild(node);
await waitOnMessageFromSW(t);
}, 'Background image fetches with an "image" Request.destination');
// Font destination
///////////////////
// Font loading API - font destination
promise_test(async t => {
let font = new frame.contentWindow.FontFace("foo", "url(dummy.ttf?t=api&dest=font)");
font.load();
await waitOnMessageFromSW(t);
}, 'Font loading API fetches with an "font" Request.destination');
// CSS font - font destination
promise_test(async t => {
let style = frame.contentWindow.document.createElement("style");
style.innerHTML = "@font-face { font-family: foo; src: url(dummy.ttf?t=css&dest=font); }";
style.innerHTML += "div {font-family: foo; }";
let div = frame.contentWindow.document.createElement("div");
div.innerHTML = "bar";
frame.contentWindow.document.body.appendChild(style);
frame.contentWindow.document.body.appendChild(div);
await waitOnMessageFromSW(t);
}, 'CSS font fetches with an "font" Request.destination');
// Empty string destination
///////////////////////////
// sendBeacon() - empty string destination
promise_test(async t => {
frame.contentWindow.navigator.sendBeacon("dummy?t=beacon&dest=", "foobar");
await waitOnMessageFromSW(t);
}, 'sendBeacon() fetches with an empty string Request.destination');
// Cache.add() - empty string destination
promise_test(async t => {
frame.contentWindow.caches.open("foo").then(cache => {
cache.add("dummy?t=cache&dest=");
});
await waitOnMessageFromSW(t);
}, 'Cache.add() fetches with an empty string Request.destination');
// script destination
/////////////////////
// importScripts() - script destination
promise_test(async t => {
let worker = new frame.contentWindow.Worker("importer.js");
await waitOnMessageFromSW(t);
}, 'importScripts() fetches with a "script" Request.destination');
// style destination
/////////////////////
// @import - style destination
promise_test(async t => {
let node = frame.contentWindow.document.createElement("style");
node.innerHTML = '@import url("dummy?t=import&dest=style")';
frame.contentWindow.document.body.appendChild(node);
await waitOnMessageFromSW(t);
}, '@import fetches with a "style" Request.destination');
</script>
|
