<!DOCTYPE html>
<title>Image should return a size of 250x166 regardless of zoom level.</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<div style="height:166px; width:250px; overflow:hidden;">
<img src="resources/green-256x256.jpg" style="width: 100%; height:100%">
<script>
test(function() {
var imageElement = document.querySelector('img');
var wrapElement = document.querySelector('div');
function testSize(zoomLevel) {
document.body.style.zoom = zoomLevel;
assert_equals(imageElement.offsetWidth, 250);
assert_equals(imageElement.offsetHeight, 166);
assert_equals(wrapElement.offsetWidth, 250);
assert_equals(wrapElement.offsetHeight, 166);
}
for (var i = 100; i <= 200; i += 25)
testSize(i/100);
document.body.style.zoom = 1.0;
});
</script>