LayoutTests/fast/dom/HTMLImageElement/image-sizes-2x.html - Issue 236713005: Use SizesAttributeParser to get the right srcset resource

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

Issue 236713005: Use SizesAttributeParser to get the right srcset resource (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@sizes_parser8

Patch Set: Fixed nits Created 6 years, 8 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

« no previous file with comments | « LayoutTests/fast/dom/HTMLImageElement/image-sizes-1x-expected.txt ('k') | LayoutTests/fast/dom/HTMLImageElement/image-sizes-2x-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <html>

	2 <head>

	3 <script>

	4 window.targetScaleFactor = 2;

	5 </script>

	6 <script src="../../hidpi/resources/srcset-helper.js"></script>

	7 <script src="../../../resources/js-test.js"></script>

	8 <script>

	9 if (window.testRunner)

	10 testRunner.dumpAsText();

	11

	12 addEventListener("load", function() {

	13 shouldBe('document.getElementById("simple").clientWidth', 'window.innerW idth');

	14 shouldBe('document.getElementById("simple").currentSrc', '"../../hidpi/r esources/image-set-2x.png"');

	15 shouldBe('document.getElementById("small_sizes").clientWidth', '300');

	16 shouldBe('document.getElementById("small_sizes").currentSrc', '"../../hi dpi/resources/image-set-2x.png"');

	17 shouldBe('document.getElementById("sizes_x_descriptors").clientWidth', ' 400');

	18 shouldBe('document.getElementById("sizes_x_descriptors").currentSrc', '" ../../hidpi/resources/image-set-2x.png"');

	19 shouldBe('document.getElementById("sizes_src").clientWidth', '400');

	20 shouldBe('document.getElementById("sizes_src").currentSrc', '"../../hidp i/resources/image-set-1x.png"');

	21 shouldBe('document.getElementById("default_sizes").clientWidth', 'window .innerWidth');

	22 shouldBe('document.getElementById("default_sizes").currentSrc', '"resour ces/image-set-4x.png"');

	23 shouldBe('document.getElementById("invalid_length").clientWidth', 'windo w.innerWidth');

	24 shouldBe('document.getElementById("invalid_length").currentSrc', '"../.. /hidpi/resources/image-set-2x.png"');

	25 shouldBe('document.getElementById("src_and_w").clientWidth', '700');

	26 shouldBe('document.getElementById("src_and_w").currentSrc', '"resources/ image-set-4x.png"');

	27 shouldBe('document.getElementById("x_and_w").clientWidth', '700');

	28 shouldBe('document.getElementById("x_and_w").currentSrc', '"resources/im age-set-4x.png"');

	29 shouldBe('document.getElementById("x_and_w2").clientWidth', '400');

	30 shouldBe('document.getElementById("x_and_w2").currentSrc', '"../../hidpi /resources/image-set-2x.png"');

	31 shouldBe('document.getElementById("x_and_w3").clientWidth', '400');

	32 shouldBe('document.getElementById("x_and_w3").currentSrc', '"../../hidpi /resources/image-set-2x.png"');

	33 shouldBe('document.getElementById("half_size").clientWidth', '(window.in nerWidth/2)');

	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)');

	36 shouldBe('document.getElementById("infitisimal_sizes").currentSrc', '".. /../hidpi/resources/image-set-2x.png"');

	37 }, false);

	38 </script>

	39 </head>

	40

	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">

	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 -->

	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 ">

	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">

	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">

	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 -->

	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">

	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">

	57 <img id="infitisimal_sizes" sizes="1vw" srcset="../../hidpi/resources/image- set-2x.png 800w, resources/image-set-4x.png 16000w">

	58 </body>

	59 </html>

OLD	NEW