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
|
<!DOCTYPE HTML>
<meta charset=utf-8>
<meta name="timeout" content="long">
<title>One resource when reusing data</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<script>
async_test(t => {
var img_entries = 0;
var observed = 0;
var img_url = "resources/blue.png";
var observer = new PerformanceObserver(
function (entryList, obs) {
var entries = entryList.getEntriesByType("resource");
for (var i = 0; i < entries.length; ++i) {
// Ignore any entries for the test harness files if present.
if (/testharness(report)?\.js/.test(entries[i].name)) {
continue;
}
++observed;
if (entries[i].name.indexOf(img_url) != -1)
++img_entries;
}
});
observer.observe({entryTypes: ["resource"]});
window.onload = function() {
// A timeout is needed as PerformanceObserver is not guaranteed to run before onload triggered.
t.step_timeout(function() {
assert_equals(observed, 1);
assert_equals(img_entries, 1);
t.done();
}, 0);
};
// Images are added dynamically to make sure the observer is registered before their download finishes.
var img1 = document.createElement("img");
img1.src = img_url;
document.body.appendChild(img1);
var img2 = document.createElement("img");
img2.src = img_url;
document.body.appendChild(img2);
}, "A single resource used in two elements produces a single entry.");
</script>
<h1>One resource when reusing data</h1>
<p>
If the user agent is to reuse the data from another existing or completed fetch initiated from the current document, abort the remaining steps.
</p>
<div id="log"></div>
</body>
|
