blob: 98792cce2b451663350607ff9ace31e3626f343e [file] [log] [blame]
<!-- webkit-test-runner [ enableBackForwardCache=true ] -->
<!doctype html>
<html>
<style>
@font-face {
font-family: TestFont;
src: url(../../resources/Ahem.ttf);
}
</style>
<script>
var timeoutValue = 100; //ms
var timestamp;
function verify() {
document.getElementById("result").innerHTML =
document.fonts.checkFont("10px TestFont") ? 'PASS' : 'FAIL with TestFont missing';
if (window.testRunner)
testRunner.notifyDone();
}
function runTest() {
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
document.fonts.loadFont({ font: '10px TestFont', onsuccess: onsuccess, onerror: onerror });
}
function onsuccess() {
window.setTimeout(verify, timeoutValue);
window.setTimeout(function() {
window.location.href = "data:text/html,<body onload='history.back()'></body>";
}, 0);
}
function onerror() {
document.getElementById("result").innerHTML = "FAIL with font load error";
testRunner.notifyDone();
}
</script>
<body onload='runTest()'>
This test verifies that the page cache preserves pages with fonts loaded via the document.fonts API. The test loads a font, then navigates away and back, confirming that the font remains loaded. If successful, it outputs 'PASS' below.
<div id="result"></div>
</body>
</html>