blob: 4535947bdf49b6049b1240d1d93260066b03971a [file] [log] [blame]
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/preload/resources/preload_helper.js"></script>
<script>
var t = async_test('Makes sure that preloaded resources are not downloaded again when used');
</script>
<link rel=preload href="resources/dummy.js" as=script>
<link rel=preload href="resources/dummy.css" as=style>
<link rel=preload href="resources/square.png" as=image>
<link rel=preload href="resources/square.png?background" as=image>
<link rel=preload href="/media/CanvasTest.ttf" as=font crossorigin>
<link rel=preload href="/media/white.mp4" as=media>
<link rel=preload href="/media/sound_5.oga" as=media>
<link rel=preload href="/media/foo.vtt" as=media>
<link rel=preload href="resources/dummy.xml?foo=bar" as=foobarxmlthing>
<link rel=preload href="resources/dummy.xml">
<body>
<script src="resources/dummy.js?pipe=trickle(d3)"></script>
<style>
#background {
width: 200px;
height: 200px;
background-image: url(resources/square.png?background);
}
@font-face {
font-family:ahem;
src: url(/media/CanvasTest.ttf);
}
span { font-family: ahem, Arial; }
</style>
<link rel="stylesheet" href="resources/dummy.css">
<script src="resources/dummy.js"></script>
<div id="background"></div>
<img src="resources/square.png">
<video src="/media/white.mp4">
<track kind=subtitles src="/media/foo.vtt" srclang=en>
</video>
<audio src="/media/sound_5.oga"></audio>
<script>
var xhr = new XMLHttpRequest();
xhr.open("GET", "resources/dummy.xml");
xhr.send();
window.addEventListener("load", t.step_func(function() {
verifyPreloadAndRTSupport();
setTimeout(t.step_func(function() {
verifyNumberOfDownloads("resources/dummy.js", 1);
verifyNumberOfDownloads("resources/dummy.css", 1);
verifyNumberOfDownloads("resources/square.png", 1);
verifyNumberOfDownloads("resources/square.png?background", 1);
verifyNumberOfDownloads("/media/CanvasTest.ttf", 1);
verifyNumberOfDownloads("resources/dummy.xml?foobar", 0);
verifyNumberOfDownloads("/media/foo.vtt", 1);
verifyNumberOfDownloads("resources/dummy.xml", 1);
// FIXME: We should verify for video and audio as well, but they seem to (flakily?) trigger multiple partial requests.
t.done();
}), 0);
}));
</script>
<span>PASS - this text is here just so that the browser will download the font.</span>