/image/test/reftest/apng/delaytest.html

http://github.com/zpao/v8monkey · HTML · 41 lines · 35 code · 6 blank · 0 comment · 0 complexity · c2c4268599183cf2a973bf0fc1013e50 MD5 · raw file 

    

  1. <!DOCTYPE HTML>
    2. 

  2. <html class="reftest-wait">
    3. 

  3. <head>
    4. 

  4. <title>Delayed image reftest wrapper</title>
    5. 

  5. </head>
    6. 

  6. <body>
    7. 

  7. <img id="image1">
    8. 

  8. <script>
    9. 

  9. // This loads a externally specified image, forces a draw (in case of
    10. 

  10. // decode-on-draw), waits 100ms, and then triggers the reftest snapshot.
    11. 

  11. // This allows the animation on the page to complete.
    12. 

  12. //
    13. 

  13. // Use as "delaytest.html?animation.png"
    14. 

  14. //
    15. 

  15. 

  16. // Get the image URL from our URL
    17. 

  17. var imgURL = document.location.search.substr(1);
    18. 

  18. 

  19. // Load the image
    20. 

  20. var img = document.images[0];
    21. 

  21. img.src = imgURL;
    22. 

  22. img.onload = forceDecode;
    23. 

  23. 

  24. function forceDecode() {
    25. 

  25. 

  26.   // We need to force drawing of the image in an invisible context
    27. 

  27.   var canvas = document.createElement("canvas");
    28. 

  28.   var ctx = canvas.getContext("2d");
    29. 

  29.   ctx.drawImage(img, 0, 0);
    30. 

  30. 

  31.   // We've force the decode. start the timer to trigger the reftest
    32. 

  32.   startTimer();
    33. 

  33. }
    34. 

  34. 

  35. function startTimer() {
    36. 

  36.   const delay = 100;
    37. 

  37.   setTimeout("document.documentElement.className = '';", delay);
    38. 

  38. }
    39. 

  39. </script>
    40. 

  40. </body>
    41. 

  41. </html>
    42.