third_party/WebKit/LayoutTests/fast/images/onload-event-when-reloading-image-after-successful-image-load.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <script>
   4     if (window.testRunner) {
   5         testRunner.waitUntilDone();
   6         testRunner.dumpAsText();
   7     }
   8     img = new Image();
   9     var onloadCounter = 0;
  10     var testImage = 'resources/green.jpg';
  11     var resetImage = 'resources/green.jpg';
  12     img.onload = function(){
  13         onloadCounter++;
  14         debug("Image onload event fired for " + img.src.substring(img.src.lastIndexOf('/') + 1));
  15         if (onloadCounter == 2) {
  16             document.getElementById('result').textContent = "PASS";
  17             if (window.testRunner)
  18                 testRunner.notifyDone();
  19             return;
  20         }
  21         if (onloadCounter == 1) {
  22             setTimeout(function() {
  23                 img.src= resetImage;
  24                 img.src = testImage;
  25                 }, 0);
  26             return;
  27         }
  28         document.getElementById('result').textContent = "FAIL";
  29     };
  30     setTimeout(function() {
  31         img.src= resetImage;
  32         img.src = testImage;
  33         }, 0);
  34 </script>
  35 <div id="console">
  36 crbug.com/469678: We should fire an image load event even if the image is the last one we loaded successfully.<br>
  37 In this test we load an image then we immediately launch an other request for the same image - only one load event should be fired.<br>
  38 Then we do the same again: another load event should be fired.<br>
  39 </div>
  40 <div id="result">FAIL</div>