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
|
<!DOCTYPE HTML>
<html>
<head>
<title>Test for SharedSubResourceCache with redirect</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<iframe id="frame" src="about:blank"></iframe>
<script>
const us = window.location.href;
const baseURL = us.substring(0, us.lastIndexOf('/') + 1);
const serverFilename = "file_resource_cache_server.sjs";
const frame = document.getElementById("frame");
SimpleTest.waitForExplicitFinish();
async function testReload({ src, clearCache, cacheable, desc }) {
// The iframe loads CSS with "file_resource_cache_server.sjs?redirect" URL.
// With the first access, it redirects to "file_resource_cache_server.sjs?red"
// that makes the body color "red".
//
// The redirect response has "Cache-Control: no-cache", and the request
// shouldn't be cached.
await new Promise(r => {
frame.addEventListener("load", r, { once: true });
frame.src = src;
});
is(frame.contentWindow.getComputedStyle(frame.contentDocument.body).color,
"rgb(255, 0, 0)",
`body color before reload with ${desc} should be red`);
if (clearCache) {
SpecialPowers.ChromeUtils.clearResourceCache({
types: ["stylesheet", "script"],
});
}
// Reload the iframe and wait for reload.
//
// With the second access, "file_resource_cache_server.sjs?redirect" redirects
// to "file_resource_cache_server.sjs?blue" that makes the body color "blue".
await new Promise(r => {
frame.addEventListener("load", r, { once: true });
frame.contentWindow.location.reload();
});
if (cacheable) {
is(frame.contentWindow.getComputedStyle(frame.contentDocument.body).color,
"rgb(255, 0, 0)",
`body color after reload with ${desc} should be red`);
} else {
is(frame.contentWindow.getComputedStyle(frame.contentDocument.body).color,
"rgb(0, 0, 255)",
`body color after reload with ${desc} should be blue`);
}
}
async function reset() {
// Reset the server-side script state.
const resetResponse = await fetch(baseURL + serverFilename + "?reset");
is(await resetResponse.text(), "reset", "server side is reset");
// Reset the iframe.
await new Promise(r => {
frame.addEventListener("load", r, { once: true });
frame.src = "about:blank";
});
// Clear cache.
SpecialPowers.ChromeUtils.clearResourceCache({
types: ["stylesheet", "script"],
});
}
async function doTest() {
await new Promise(r => window.addEventListener("load", r, { once: true }));
await testReload({
src: "file_resource_cache_frame_not_cacheable.html",
clearCache: true,
cacheable: false,
desc: "clearing SharedSubResourceCache for not-cacheable",
});
await reset();
await testReload({
src: "file_resource_cache_frame_not_cacheable.html",
clearCache: false,
cacheable: false,
desc: "not clearing SharedSubResourceCache for not-cacheable",
});
await reset();
await testReload({
src: "file_resource_cache_frame_cacheable.html",
clearCache: true,
cacheable: true,
desc: "clearing SharedSubResourceCache for cacheable",
});
await reset();
await testReload({
src: "file_resource_cache_frame_cacheable.html",
clearCache: false,
cacheable: true,
desc: "not clearing SharedSubResourceCache for cacheable",
});
SimpleTest.finish();
}
doTest();
</script>
</body>
</html>
|
