OLD | NEW |
1 <html> | 1 <!DOCTYPE html> |
2 <head> | |
3 <script> | 2 <script> |
4 window.targetScaleFactor = 2; | 3 window.targetScaleFactor = 2; |
5 </script> | 4 </script> |
6 <script src="resources/srcset-helper.js"></script> | 5 <script src="resources/srcset-helper.js"></script> |
7 <script src="../../resources/js-test.js"></script> | 6 <script src="../../resources/js-test.js"></script> |
8 <script> | 7 <script> |
9 addEventListener("load", function() { | 8 addEventListener("load", function() { |
10 shouldBe('document.getElementById("foo").clientWidth', '200'); | 9 shouldBe('document.getElementById("foo").clientWidth', '200'); |
11 shouldBe('document.getElementById("foo2").clientWidth', '400'); | 10 shouldBe('document.getElementById("foo2").clientWidth', '400'); |
12 shouldBe('document.getElementById("foo3").clientWidth', '100'); | 11 shouldBe('document.getElementById("foo3").clientWidth', '100'); |
13 shouldBe('document.getElementById("foo4").clientWidth', '200'); | 12 shouldBe('document.getElementById("foo4").clientWidth', '200'); |
14 shouldBe('document.getElementById("foo5").clientWidth', '200'); | 13 shouldBe('document.getElementById("foo5").clientWidth', '200'); |
15 }, false); | 14 }, false); |
16 </script> | 15 </script> |
17 </head> | 16 <div> |
18 | 17 This test passes if the images are all displayed with appropriate dimensions
. |
19 <body id="body"> | 18 </div> |
20 <div> | 19 <img id="foo" srcset="resources/blue-100-px-square.png 1x, resources/deleteButto
n.png 3x, resources/green-400-px-square.png 2x"> |
21 This test passes if the images are all displayed with appropriate dimens
ions. | 20 <br> |
22 </div> | 21 <img id="foo2" src="resources/green-400-px-square.png"> |
23 <img id="foo" srcset="resources/blue-100-px-square.png 1x, resources/deleteB
utton.png 3x, resources/green-400-px-square.png 2x"> | 22 <br> |
24 <br> | 23 <img id="foo3" srcset="resources/srcset.svg 2x"> |
25 <img id="foo2" src="resources/green-400-px-square.png"> | 24 <br> |
26 <br> | 25 <img id="foo4" srcset="resources/blue-100-px-square.png 0.5x"> |
27 <img id="foo3" srcset="resources/srcset.svg 2x"> | 26 <br> |
28 <br> | 27 <img id="foo5" src="resources/srcset.svg"> |
29 <img id="foo4" srcset="resources/blue-100-px-square.png 0.5x"> | |
30 <br> | |
31 <img id="foo5" src="resources/srcset.svg"> | |
32 </body> | |
33 </html> | |
OLD | NEW |