Index: LayoutTests/fast/hidpi/image-srcset-change-dynamically-from-js-1x.html |
diff --git a/LayoutTests/fast/hidpi/image-srcset-change-dynamically-from-js-1x.html b/LayoutTests/fast/hidpi/image-srcset-change-dynamically-from-js-1x.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3f9baa89efa14b79e01043c3c1421c28ffdba157 |
--- /dev/null |
+++ b/LayoutTests/fast/hidpi/image-srcset-change-dynamically-from-js-1x.html |
@@ -0,0 +1,36 @@ |
+<html> |
+<head> |
+<script> |
+ window.targetScaleFactor = 1; |
+</script> |
+<script src="resources/srcset-helper.js"></script> |
+<script src="../js/resources/js-test-pre.js"></script> |
+<script> |
+ if (window.testRunner) { |
+ testRunner.dumpAsText(); |
+ } |
+ |
+ function updateSrc() { |
+ var img = document.getElementById("foo"); |
+ // srcset must be set first, otherwise 'src' is loaded as well |
+ img.srcset = "resources/green-200-px-square.png 2x"; |
+ img.src = "resources/blue-100-px-square.png" |
+ } |
+ |
+ addEventListener("DOMContentLoaded", function() { |
+ updateSrc(); |
+ }, false); |
+ addEventListener("load", function() { |
+ if (internals) |
+ shouldBeFalse('internals.isPreloaded("resources/green-200-px-square.png")'); |
+ shouldBeTrue('document.getElementById("foo").clientWidth==100'); |
+ }, false); |
+</script> |
+</head> |
+ |
+<body id="body"> |
+ <div>This test passes if this img tag below is a blue square when the scale factor is 1. |
+ It ensures that attributes can be changed dynamically from javascript, and that only the correct resource is loaded.</div> |
+ <img id="foo"> |
+</body> |
+</html> |