OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="resources/srcset-helper.js"></script> | 3 <script src="resources/srcset-helper.js"></script> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 <script> | 5 <script> |
6 function updateSrc() { | 6 function updateSrc() { |
7 var img = document.getElementById("foo"); | 7 var img = document.getElementById("foo"); |
8 // srcset must be set first, otherwise 'src' is loaded as well | 8 // srcset must be set first, otherwise 'src' is loaded as well |
9 img.srcset = "resources/blue-100-px-square.png 1x, resources/green-400-p
x-square.png 2x"; | 9 img.srcset = "resources/blue-100-px-square.png 1x, resources/green-400-p
x-square.png 2x"; |
10 img.src = "resources/blue-100-px-square.png" | 10 img.src = "resources/blue-100-px-square.png" |
11 } | 11 } |
12 | 12 |
13 addEventListener("DOMContentLoaded", function() { | 13 addEventListener("DOMContentLoaded", function() { |
14 if (window.testRunner && sessionStorage.pageReloaded) | |
15 testRunner.dumpResourceRequestCallbacks(); | |
16 updateSrc(); | 14 updateSrc(); |
17 }, false); | 15 }, false); |
18 addEventListener("load", function() { | 16 addEventListener("load", function() { |
19 shouldBeTrue('document.getElementById("foo").clientWidth==200'); | 17 shouldBeTrue('document.getElementById("foo").clientWidth==200'); |
20 }, false); | 18 }, false); |
21 </script> | 19 </script> |
22 </head> | 20 </head> |
23 | 21 |
24 <body id="body"> | 22 <body id="body"> |
25 <div>This test passes if this img tag below is a green square when the scale
factor is 2. | 23 <div>This test passes if this img tag below is a green square when the scale
factor is 2. |
26 It ensures that attributes can be changed dynamically from javascript, and
that only the correct resource is loaded.</div> | 24 It ensures that attributes can be changed dynamically from javascript, and
that only the correct resource is loaded.</div> |
27 <img id="foo"> | 25 <img id="foo"> |
28 </body> | 26 </body> |
29 </html> | 27 </html> |
OLD | NEW |