<!-- webkit-test-runner [ UsesBackForwardCache=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>