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

Side by Side Diff: LayoutTests/fast/dom/HTMLImageElement/image-sizes-1x.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: Rebase 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

OLD	NEW
(Empty)
	1 <html>

	2 <head>

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

	4 <script>

	5 if (window.testRunner)

	6 testRunner.dumpAsText();

	7

	8 addEventListener("load", function() {

	9 shouldBeTrue('document.getElementById("simple").clientWidth==(window.inn erWidth)');
	eseidel 2014/04/19 04:54:19 You wan "shouldBe()" then it will print nice thing You wan "shouldBe()" then it will print nice things for you. :)
	10 shouldBeTrue('document.getElementById("simple").currentSrc=="resources/i mage-set-2x.png"');

	11 shouldBeTrue('document.getElementById("sizes_x_descriptors").clientWidth ==400');

	12 shouldBeTrue('document.getElementById("sizes_x_descriptors").currentSrc= ="resources/image-set-1x.png"');

	13 shouldBeTrue('document.getElementById("sizes_src").clientWidth==400');

	14 shouldBeTrue('document.getElementById("sizes_src").currentSrc=="resource s/image-set-1x.png"');

	15 shouldBeTrue('document.getElementById("default_sizes").clientWidth==wind ow.innerWidth');

	16 shouldBeTrue('document.getElementById("default_sizes").currentSrc=="reso urces/image-set-2x.png"');

	17 shouldBeTrue('document.getElementById("invalid_length").clientWidth==win dow.innerWidth');

	18 shouldBeTrue('document.getElementById("invalid_length").currentSrc=="res ources/image-set-2x.png"');

	19 shouldBeTrue('document.getElementById("src_and_w").clientWidth==700');

	20 shouldBeTrue('document.getElementById("src_and_w").currentSrc=="resource s/image-set-4x.png"');

	21 shouldBeTrue('document.getElementById("x_and_w").clientWidth==700');

	22 shouldBeTrue('document.getElementById("x_and_w").currentSrc=="resources/ image-set-4x.png"');

	23 shouldBeTrue('document.getElementById("x_and_w2").clientWidth==400');

	24 shouldBeTrue('document.getElementById("x_and_w2").currentSrc=="resources /image-set-2x.png"');

	25 shouldBeTrue('document.getElementById("x_and_w3").clientWidth==400');

	26 shouldBeTrue('document.getElementById("x_and_w3").currentSrc=="resources /image-set-2x.png"');

	27 shouldBeTrue('document.getElementById("half_size").clientWidth==(window. innerWidth/2)');

	28 shouldBeTrue('document.getElementById("half_size").currentSrc=="resource s/image-set-2x.png"');

	29 shouldBeTrue('document.getElementById("infitisimal_sizes").clientWidth== (window.innerWidth/100)');

	30 shouldBeTrue('document.getElementById("infitisimal_sizes").currentSrc==" resources/image-set-2x.png"');

	31 }, false);

	32 </script>

	33 </head>

	34

	35 <body id="body">

	36 <img id="simple" src="" sizes="(max-width: 300px) 400px, 800px" srcset="reso urces/image-set-1x.png 400w, resources/image-set-2x.png 800w">

	37 <!-- 'sizes' has no imapct on 'x' or 'src' resources -->

	38 <img id="sizes_x_descriptors" src="" sizes="50vw" srcset="resources/image-se t-1x.png 1x, resources/image-set-2x.png 2x">

	39 <img id="sizes_src" src="resources/image-set-1x.png" sizes="50vw">

	40 <!-- Missing sizes or an invalid one, give a source size of 100vw -->

	41 <img id="default_sizes" src="" srcset="resources/image-set-1x.png 400w, reso urces/image-set-2x.png 800w, resources/image-set-4x.png 1600w">

	42 <img id="invalid_length" src="" sizes="(max-width: 300px) 400w, 800w" srcset ="resources/image-set-1x.png 400w, resources/image-set-2x.png 800w">

	43 <img id="src_and_w" src="resources/image-set-1x.png" sizes="700px" srcset="r esources/image-set-4x.png 1600w">

	44 <img id="x_and_w" sizes="700px" srcset="resources/image-set-1x.png 0.5x, res ources/image-set-4x.png 1600w">

	45 <!-- The 'x' resource should be picked, and 'sizes' have no impact on its in trisic size -->

	46 <img id="x_and_w2" sizes="700px" srcset="resources/image-set-2x.png 2x, reso urces/image-set-4x.png 16000w">

	47 <img id="x_and_w3" sizes="700px" srcset="resources/image-set-4x.png 16000w, resources/image-set-2x.png 2x">

	48 <!-- The intrinsic size should be identical to the 'sizes' value -->

	49 <img id="half_size" sizes="50vw" srcset="resources/image-set-2x.png 800w, re sources/image-set-4x.png 16000w">

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

	51 </body>

	52 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/dom/HTMLImageElement/image-sizes-1x-expected.txt » ('j') | Source/core/css/parser/MediaQueryTokenizer.cpp » ('J')