| Index: third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size.html b/third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size.html
|
| index 12728c1093e4934d0690c1dddf7fa98ec9ca97cf..619045f4b14d2f20d7ef1d27c25fd289c3c9adbb 100644
|
| --- a/third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size.html
|
| +++ b/third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size.html
|
| @@ -1,49 +1,22 @@
|
| <!DOCTYPE html>
|
| -<html>
|
| - <head>
|
| - <style>
|
| - #test_wrap {
|
| - width: 250px;
|
| - height: 166px;
|
| - overflow: hidden;
|
| - }
|
| -
|
| - #test_img {
|
| - width: 100%;
|
| - height: 100%;
|
| - }
|
| - </style>
|
| - <script src="../../resources/js-test.js"></script>
|
| - </head>
|
| - <body>
|
| - <div id="test_wrap">
|
| - <img id="test_img" src="resources/green-256x256.jpg">
|
| - </div>
|
| - <p>
|
| - Image should return a size of 250x166 regardless of zoom level.
|
| - </p>
|
| - <script>
|
| - var imageElement = document.getElementById('test_img');
|
| - var wrapElement = document.getElementById('test_wrap');
|
| -
|
| - function getSize(zoomLevel)
|
| - {
|
| - document.body.zoom = zoomLevel;
|
| - return {
|
| - imageWidth: imageElement.offsetWidth,
|
| - imageHeight: imageElement.offsetHeight,
|
| - wrapWidth: wrapElement.offsetWidth,
|
| - wrapHeight: wrapElement.offsetHeight
|
| - };
|
| - }
|
| -
|
| - for (var i = 90; i <= 200; i += 5) {
|
| - shouldBe('getSize(' + (i / 100) + ').imageWidth', '250');
|
| - shouldBe('getSize(' + (i / 100) + ').imageHeight', '166');
|
| - shouldBe('getSize(' + (i / 100) + ').wrapWidth', '250');
|
| - shouldBe('getSize(' + (i / 100) + ').wrapHeight', '166');
|
| - }
|
| - document.body.zoom = 1.0;
|
| - </script>
|
| - </body>
|
| -</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>
|
|
|