OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script> | 3 <script> |
4 if (!window.eventSender) | 4 if (!window.eventSender) |
5 document.write("Automatic zoom-in does not work in manual mode. Try zoom
ing in manually and refresh."); | 5 document.write("Automatic zoom-in does not work in manual mode. Try zoom
ing in manually and refresh."); |
6 else | 6 else |
7 while(!matchMedia("screen and (min-resolution: 2dppx)").matches) | 7 while(!matchMedia("screen and (min-resolution: 2dppx)").matches) |
8 eventSender.zoomPageIn(); | 8 eventSender.zoomPageIn(); |
9 </script> | 9 </script> |
10 <script src="../js/resources/js-test-pre.js"></script> | 10 <script src="../js/resources/js-test-pre.js"></script> |
11 <script> | 11 <script> |
12 if (window.testRunner) { | |
13 testRunner.dumpAsText(); | |
14 } | |
15 | |
16 function updateSrc() { | 12 function updateSrc() { |
17 var img = document.getElementById("foo"); | 13 var img = document.getElementById("foo"); |
18 img.srcset = "resources/blue-100-px-square.png 1x, resources/green-200-p
x-square.png 2x"; | 14 img.srcset = "resources/blue-100-px-square.png 1x, resources/green-200-p
x-square.png 2x"; |
19 } | 15 } |
20 | 16 |
21 addEventListener("DOMContentLoaded", function() { | 17 addEventListener("DOMContentLoaded", function() { |
22 updateSrc(); | 18 updateSrc(); |
23 }, false); | 19 }, false); |
24 | 20 |
25 addEventListener("load", function() { | 21 addEventListener("load", function() { |
26 shouldBeTrue('document.getElementById("foo").clientWidth==200'); | 22 shouldBeTrue('document.getElementById("foo").clientWidth==200'); |
27 }, false); | 23 }, false); |
28 </script> | 24 </script> |
29 </head> | 25 </head> |
30 | 26 |
31 <body id="body"> | 27 <body id="body"> |
32 <div>This test passes if the image below is a 200px wide green square when t
he deviceScaleFactor is 1, since the user has zoomed in.</div> | 28 <div>This test passes if the image below is a 200px wide green square when t
he deviceScaleFactor is 1, since the user has zoomed in.</div> |
33 <img id="foo"> | 29 <img id="foo"> |
34 </body> | 30 </body> |
35 </html> | 31 </html> |
OLD | NEW |