| <!DOCTYPE html> |
| <script src="../../hidpi/resources/srcset-helper.js"></script> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="resources/currentSrcHelper.js"></script> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| if (internals) |
| internals.evictAllResources(); |
| |
| function updateSrc() { |
| var img = document.getElementById("foo"); |
| // sizes must be set first, then srcset must be set, the 'src' |
| // This will be fixed when image loading is done is "stable-state" |
| img.sizes = "400px"; |
| img.srcset = "../../hidpi/resources/image-set-1x.png 200w, ../../hidpi/resources/image-set-2x.png 400w, resources/image-set-4x.png 800w"; |
| img.src = "resources/blue-100-px-square.png" |
| } |
| |
| addEventListener("DOMContentLoaded", function() { |
| updateSrc(); |
| }, false); |
| addEventListener("load", function() { |
| shouldBe('currentSrcFileName("foo")', '"image-set-4x.png"'); |
| if (internals) { |
| shouldBeTrue('internals.isLoadingFromMemoryCache("resources/image-set-4x.png")'); |
| shouldBeFalse('internals.isLoadingFromMemoryCache("../../hidpi/resources/image-set-2x.png")'); |
| shouldBeFalse('internals.isLoadingFromMemoryCache("../../hidpi/resources/image-set-1x.png")'); |
| shouldBeFalse('internals.isLoadingFromMemoryCache("resources/blue-100-px-square.png")'); |
| } |
| }, false); |
| </script> |
| <img id="foo"> |