OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script> | 3 <script> |
4 window.targetScaleFactor = 2; | 4 window.targetScaleFactor = 2; |
5 </script> | 5 </script> |
6 <script src="../../hidpi/resources/srcset-helper.js"></script> | 6 <script src="../../hidpi/resources/srcset-helper.js"></script> |
7 <script src="../../../resources/js-test.js"></script> | 7 <script src="../../../resources/js-test.js"></script> |
8 <script> | 8 <script> |
9 if (window.testRunner) | 9 if (window.testRunner) |
10 testRunner.dumpAsText(); | 10 testRunner.dumpAsText(); |
(...skipping 23 matching lines...) Expand all Loading... |
34 shouldBe('document.getElementById("half_size").currentSrc', '"../../hidp
i/resources/image-set-2x.png"'); | 34 shouldBe('document.getElementById("half_size").currentSrc', '"../../hidp
i/resources/image-set-2x.png"'); |
35 shouldBe('document.getElementById("infitisimal_sizes").clientWidth', '(w
indow.innerWidth/100)'); | 35 shouldBe('document.getElementById("infitisimal_sizes").clientWidth', '(w
indow.innerWidth/100)'); |
36 shouldBe('document.getElementById("infitisimal_sizes").currentSrc', '"..
/../hidpi/resources/image-set-2x.png"'); | 36 shouldBe('document.getElementById("infitisimal_sizes").currentSrc', '"..
/../hidpi/resources/image-set-2x.png"'); |
37 }, false); | 37 }, false); |
38 </script> | 38 </script> |
39 </head> | 39 </head> |
40 | 40 |
41 <body id="body"> | 41 <body id="body"> |
42 <img id="simple" src="" sizes="(max-width: 300px) 400px, 800px" srcset="../.
./hidpi/resources/image-set-1x.png 400w, ../../hidpi/resources/image-set-2x.png
800w"> | 42 <img id="simple" src="" sizes="(max-width: 300px) 400px, 800px" srcset="../.
./hidpi/resources/image-set-1x.png 400w, ../../hidpi/resources/image-set-2x.png
800w"> |
43 <img id="small_sizes" src="" sizes="300px" srcset="../../hidpi/resources/ima
ge-set-1x.png 400w, ../../hidpi/resources/image-set-2x.png 800w"> | 43 <img id="small_sizes" src="" sizes="300px" srcset="../../hidpi/resources/ima
ge-set-1x.png 400w, ../../hidpi/resources/image-set-2x.png 800w"> |
44 <!-- 'sizes' has no imapct on 'x' or 'src' resources --> | 44 <!-- 'sizes' has no impact on 'x' or 'src' resources --> |
45 <img id="sizes_x_descriptors" src="" sizes="50vw" srcset="../../hidpi/resour
ces/image-set-1x.png 1x, ../../hidpi/resources/image-set-2x.png 2x"> | 45 <img id="sizes_x_descriptors" src="" sizes="50vw" srcset="../../hidpi/resour
ces/image-set-1x.png 1x, ../../hidpi/resources/image-set-2x.png 2x"> |
46 <img id="sizes_src" src="../../hidpi/resources/image-set-1x.png" sizes="50vw
"> | 46 <img id="sizes_src" src="../../hidpi/resources/image-set-1x.png" sizes="50vw
"> |
47 <!-- Missing sizes or an invalid one, give a source size of 100vw --> | 47 <!-- Missing sizes or an invalid one, give a source size of 100vw --> |
48 <img id="default_sizes" src="" srcset="../../hidpi/resources/image-set-1x.pn
g 400w, ../../hidpi/resources/image-set-2x.png 800w, resources/image-set-4x.png
1600w"> | 48 <img id="default_sizes" src="" srcset="../../hidpi/resources/image-set-1x.pn
g 400w, ../../hidpi/resources/image-set-2x.png 800w, resources/image-set-4x.png
1600w"> |
49 <img id="invalid_length" src="" sizes="(max-width: 300px) 400w, 800w" srcset
="../../hidpi/resources/image-set-1x.png 400w, ../../hidpi/resources/image-set-2
x.png 800w"> | 49 <img id="invalid_length" src="" sizes="(max-width: 300px) 400w, 800w" srcset
="../../hidpi/resources/image-set-1x.png 400w, ../../hidpi/resources/image-set-2
x.png 800w"> |
50 <img id="src_and_w" src="../../hidpi/resources/image-set-1x.png" sizes="700p
x" srcset="resources/image-set-4x.png 1600w"> | 50 <img id="src_and_w" src="../../hidpi/resources/image-set-1x.png" sizes="700p
x" srcset="resources/image-set-4x.png 1600w"> |
51 <img id="x_and_w" sizes="700px" srcset="../../hidpi/resources/image-set-1x.p
ng 0.5x, resources/image-set-4x.png 1600w"> | 51 <img id="x_and_w" sizes="700px" srcset="../../hidpi/resources/image-set-1x.p
ng 0.5x, resources/image-set-4x.png 1600w"> |
52 <!-- The 'x' resource should be picked, and 'sizes' have no impact on its in
trisic size --> | 52 <!-- The 'x' resource should be picked, and 'sizes' have no impact on its in
trisic size --> |
53 <img id="x_and_w2" sizes="700px" srcset="../../hidpi/resources/image-set-2x.
png 2x, resources/image-set-4x.png 16000w"> | 53 <img id="x_and_w2" sizes="700px" srcset="../../hidpi/resources/image-set-2x.
png 2x, resources/image-set-4x.png 16000w"> |
54 <img id="x_and_w3" sizes="700px" srcset="resources/image-set-4x.png 16000w,
../../hidpi/resources/image-set-2x.png 2x"> | 54 <img id="x_and_w3" sizes="700px" srcset="resources/image-set-4x.png 16000w,
../../hidpi/resources/image-set-2x.png 2x"> |
55 <!-- The intrinsic size should be identical to the 'sizes' value --> | 55 <!-- The intrinsic size should be identical to the 'sizes' value --> |
56 <img id="half_size" sizes="50vw" srcset="../../hidpi/resources/image-set-2x.
png 800w, resources/image-set-4x.png 16000w"> | 56 <img id="half_size" sizes="50vw" srcset="../../hidpi/resources/image-set-2x.
png 800w, resources/image-set-4x.png 16000w"> |
57 <img id="infitisimal_sizes" sizes="1vw" srcset="../../hidpi/resources/image-
set-2x.png 800w, resources/image-set-4x.png 16000w"> | 57 <img id="infitisimal_sizes" sizes="1vw" srcset="../../hidpi/resources/image-
set-2x.png 800w, resources/image-set-4x.png 16000w"> |
58 </body> | 58 </body> |
59 </html> | 59 </html> |
OLD | NEW |