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

Side by Side Diff: LayoutTests/fast/dom/HTMLImageElement/image-sizes-2x.html

Issue 288033018: Add HTMLPictureElement-based source selection to HTMLImageElement (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Review nits Created 6 years, 7 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
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698