79 lines
2.2 KiB
HTML
79 lines
2.2 KiB
HTML
<!-- webkit-test-runner [ UsesBackForwardCache=true ] -->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script src="../../resources/ui-helper.js"></script>
|
|
|
|
<input type="file" name="file" id="file" onchange="onInputFileChange()"/>
|
|
<img id='imgToReplace1' src=''/>
|
|
<img id='imgToReplace2' src=''/>
|
|
|
|
<script>
|
|
description('Tests that a page calling URL.createObjectURL() can use the page cache.');
|
|
window.jsTestIsAsync = true;
|
|
var blobURL = null;
|
|
|
|
function onInputFileChange()
|
|
{
|
|
var file = document.getElementById("file").files[0];
|
|
img = document.getElementById('imgToReplace1');
|
|
shouldBe("img.width", "0");
|
|
shouldBe("img.height", "0");
|
|
img.onload = onImgLoad;
|
|
blobURL = URL.createObjectURL(file);
|
|
evalAndLog("img.src = blobURL");
|
|
}
|
|
|
|
function onImgLoad()
|
|
{
|
|
img = document.getElementById('imgToReplace1');
|
|
testPassed("Image loaded");
|
|
shouldBe("img.width", "76");
|
|
shouldBe("img.height", "103");
|
|
|
|
// Force a back navigation back to this page.
|
|
window.location.href = "resources/page-cache-helper.html";
|
|
}
|
|
|
|
function onImg2Load()
|
|
{
|
|
img2 = document.getElementById('imgToReplace2');
|
|
testPassed("Image2 loaded");
|
|
shouldBe("img2.width", "76");
|
|
shouldBe("img2.height", "103");
|
|
|
|
finishJSTest();
|
|
}
|
|
|
|
window.addEventListener("pageshow", function(event) {
|
|
if (event.persisted) {
|
|
testPassed("Page did enter and was restored from the page cache");
|
|
|
|
debug("Reuse the previous blobURL");
|
|
img2 = document.getElementById('imgToReplace2');
|
|
img2.onload = onImg2Load;
|
|
evalAndLog("img2.src = blobURL");
|
|
}
|
|
}, false);
|
|
|
|
window.addEventListener("pagehide", function(event) {
|
|
if (!event.persisted) {
|
|
testFailed("Page did not enter the page cache.");
|
|
finishJSTest();
|
|
}
|
|
}, false);
|
|
|
|
window.addEventListener('load', function() {
|
|
testRunner.setOpenPanelFiles(['../files/resources/abe.png']);
|
|
var element = document.getElementById('file');
|
|
var centerX = element.offsetLeft + element.offsetWidth / 2;
|
|
var centerY = element.offsetTop + element.offsetHeight / 2;
|
|
UIHelper.activateAt(centerX, centerY);
|
|
}, false);
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|