<!DOCTYPE html>
<script>
if (!window.testRunner) {
document.write("Automatic zoom-in does not work in manual mode. Try zooming in manually and refresh.");
} else {
while (!matchMedia("screen and (min-resolution: 2dppx)").matches)
testRunner.zoomPageIn();
}
</script>
<script src="../../resources/js-test.js"></script>
<script>
function updateSrc() {
var img = document.getElementById("foo");
img.srcset = "resources/blue-100-px-square.png 1x, resources/green-400-px-square.png 2x";
}
addEventListener("DOMContentLoaded", function() {
updateSrc();
}, false);
addEventListener("load", function() {
shouldBeTrue('Math.abs(document.getElementById("foo").clientWidth - 200) < 0.1');
}, false);
</script>
<div>This test passes if the image below is a 200px wide green square when the deviceScaleFactor is 1, since the user has zoomed in.</div>
<img id="foo">