| <!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 = 90; i <= 200; i += 5) |
| testSize(i/100); |
| document.body.style.zoom = 1.0; |
| }); |
| </script> |