Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(4)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size.html

Issue 2260773002: Convert image size and zoom level test to testharness.js (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add new test expectations. Created 4 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <title>Image should return a size of 250x166 regardless of zoom level.</title>
3 <head> 3 <script src="../../resources/testharness.js"></script>
4 <style> 4 <script src="../../resources/testharnessreport.js"></script>
5 #test_wrap { 5 <div style="height:166px; width:250px; overflow:hidden;">
6 width: 250px; 6 <img src="resources/green-256x256.jpg" style="width: 100%; height:100%">
7 height: 166px; 7 <script>
8 overflow: hidden; 8 test(function() {
9 } 9 var imageElement = document.querySelector('img');
10 10 var wrapElement = document.querySelector('div');
11 #test_img { 11 function testSize(zoomLevel) {
12 width: 100%; 12 document.body.style.zoom = zoomLevel;
13 height: 100%; 13 assert_equals(imageElement.offsetWidth, 250);
14 } 14 assert_equals(imageElement.offsetHeight, 166);
15 </style> 15 assert_equals(wrapElement.offsetWidth, 250);
16 <script src="../../resources/js-test.js"></script> 16 assert_equals(wrapElement.offsetHeight, 166);
17 </head> 17 }
18 <body> 18 for (var i = 90; i <= 200; i += 5)
19 <div id="test_wrap"> 19 testSize(i/100);
20 <img id="test_img" src="resources/green-256x256.jpg"> 20 document.body.style.zoom = 1.0;
21 </div> 21 });
22 <p> 22 </script>
23 Image should return a size of 250x166 regardless of zoom level.
24 </p>
25 <script>
26 var imageElement = document.getElementById('test_img');
27 var wrapElement = document.getElementById('test_wrap');
28
29 function getSize(zoomLevel)
30 {
31 document.body.zoom = zoomLevel;
32 return {
33 imageWidth: imageElement.offsetWidth,
34 imageHeight: imageElement.offsetHeight,
35 wrapWidth: wrapElement.offsetWidth,
36 wrapHeight: wrapElement.offsetHeight
37 };
38 }
39
40 for (var i = 90; i <= 200; i += 5) {
41 shouldBe('getSize(' + (i / 100) + ').imageWidth', '250');
42 shouldBe('getSize(' + (i / 100) + ').imageHeight', '166');
43 shouldBe('getSize(' + (i / 100) + ').wrapWidth', '250');
44 shouldBe('getSize(' + (i / 100) + ').wrapHeight', '166');
45 }
46 document.body.zoom = 1.0;
47 </script>
48 </body>
49 </html>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/images/zoomed-offset-size-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698