<!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 100ms, 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; function forceDecode() { // 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); // We've force the decode. start the timer to trigger the reftest startTimer(); } function startTimer() { const delay = 100; setTimeout("document.documentElement.className = '';", delay); } </script> </body> </html>