blob: a20133317c089cc63100fb637583de5cc17c250e [file] [log] [blame]
<?php
header("Link: <http://127.0.0.1:8000/resources/dummy.js>; rel=preload; as=script", false);
header("LiNk:<http://127.0.0.1:8000/resources/dummy.css>; rel=preload; as=style", false);
header("Link: <http://127.0.0.1:8000/resources/square100.png>;rel=preload;as=image", false);
header("Link: <http://127.0.0.1:8000/resources/square100.png?background>;rel=preload;as=image", false);
header("Link: <http://127.0.0.1:8000/resources/Ahem.woff>; rel=preload; as=font; crossorigin", false);
header("Link: <http://127.0.0.1:8000/resources/test.mp4>; rel=preload; as=video", false);
header("Link: <http://127.0.0.1:8000/resources/test.oga>; rel=preload; as=audio", false);
header("link: <http://127.0.0.1:8000/security/resources/captions.vtt>; rel=preload; as=track", false);
header("Link: <http://127.0.0.1:8000/resources/dummy.xml?foobar>; rel=preload; as=foobar", false);
header("Link: <http://127.0.0.1:8000/resources/dummy.xml>; crossorigin; rel=preload", false);
?>
<!DOCTYPE html>
<meta charset="utf-8">
<script src="/js-test-resources/testharness.js"></script>
<script src="/js-test-resources/testharnessreport.js"></script>
<script>
var t = async_test('Makes sure that preloaded resources are not downloaded again when used');
</script>
<script src="http://127.0.0.1:8000/resources/slow-script.pl?delay=200"></script>
<style>
#background {
width: 200px;
height: 200px;
background-image: url(http://127.0.0.1:8000/resources/square100.png?background);
}
@font-face {
font-family:ahem;
src: url(http://127.0.0.1:8000/resources/Ahem.woff);
}
span { font-family: ahem, Arial; }
</style>
<link rel="stylesheet" href="http://127.0.0.1:8000/resources/dummy.css">
<script src="http://127.0.0.1:8000/resources/dummy.js"></script>
<div id="background"></div>
<img src="http://127.0.0.1:8000/resources/square100.png">
<video src="http://127.0.0.1:8000/resources/test.mp4">
<track kind=subtitles src="http://127.0.0.1:8000/security/resources/captions.vtt" srclang=en>
</video>
<audio src="http://127.0.0.1:8000/resources/test.oga"></audio>
<script>
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://127.0.0.1:8000/resources/dummy.xml");
xhr.send();
window.addEventListener("load", t.step_func(function() {
function verifyDownloadNumber(url, number) {
assert_equals(performance.getEntriesByName(url).length, number, url);
}
setTimeout(t.step_func(function() {
verifyDownloadNumber("http://127.0.0.1:8000/resources/dummy.js", 1);
verifyDownloadNumber("http://127.0.0.1:8000/resources/dummy.css", 1);
verifyDownloadNumber("http://127.0.0.1:8000/resources/square100.png", 1);
verifyDownloadNumber("http://127.0.0.1:8000/resources/square100.png?background", 1);
verifyDownloadNumber("http://127.0.0.1:8000/resources/Ahem.woff", 1);
verifyDownloadNumber("http://127.0.0.1:8000/resources/dummy.xml?foobar", 0);
verifyDownloadNumber("http://127.0.0.1:8000/security/resources/captions.vtt", 1);
// FIXME: XHR should trigger a single download, but it downloads 2 resources instead.
verifyDownloadNumber("http://127.0.0.1:8000/resources/dummy.xml", 2);
// FIXME: We should verify for video and audio as well, but they seem to (flakily?) trigger multiple partial requests.
t.done();
}), 100);
}));
</script>