2009-11-18 23:20:31 +00:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html class="reftest-wait">
|
|
|
|
|
<head>
|
|
|
|
|
<title>Delayed image reftest wrapper</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<img id="image1">
|
|
|
|
|
<script>
|
|
|
|
|
// This loads a externally specified image, forces a draw (in case of
|
|
|
|
|
// decode-on-draw), waits 350ms, and then triggers the reftest snapshot.
|
|
|
|
|
// This allows the animation on the page to complete.
|
|
|
|
|
//
|
|
|
|
|
// Use as "delaytest.html?animation.png"
|
|
|
|
|
//
|
|
|
|
|
|
|
|
|
|
// Get the image URL from our URL
|
|
|
|
|
var imgURL = document.location.search.substr(1);
|
|
|
|
|
|
|
|
|
|
// Load the image
|
|
|
|
|
var img = document.images[0];
|
|
|
|
|
img.src = imgURL;
|
|
|
|
|
img.onload = forceDecode;
|
2013-02-02 01:06:34 +00:00
|
|
|
img.onerror = forceDecode;
|
2009-11-18 23:20:31 +00:00
|
|
|
|
|
|
|
|
function forceDecode() {
|
|
|
|
|
|
2013-02-02 01:06:34 +00:00
|
|
|
try {
|
|
|
|
|
// We need to force drawing of the image in an invisible context
|
|
|
|
|
var canvas = document.createElement("canvas");
|
|
|
|
|
var ctx = canvas.getContext("2d");
|
|
|
|
|
ctx.drawImage(img, 0, 0);
|
|
|
|
|
} catch(e) {}
|
2009-11-18 23:20:31 +00:00
|
|
|
|
|
|
|
|
// We've force the decode. start the timer to trigger the reftest
|
|
|
|
|
startTimer();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function startTimer() {
|
|
|
|
|
const delay = 350;
|
|
|
|
|
setTimeout("document.documentElement.className = '';", delay);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
