blob: fcb59a66fd15a9aebf31b4cc991577cd2206a9f3 [file] [log] [blame]
<html>
<head>
<script>
window.targetScaleFactor = 1;
</script>
<script src="../../resources/srcset-helper.js"></script>
<script src="../../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);
function runTest()
{
if (internals)
shouldBeFalse('internals.isPreloaded("resources/green-200-px-square.png")');
shouldBeTrue('document.getElementById("foo").clientWidth==100');
}
</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>