ladybird/Tests/LibWeb/Ref/input/img-srcset-viewport-relative-sizes.html

<!doctype html>
<link rel="match" href="../expected/img-srcset-viewport-relative-sizes-ref.html" />
<img
    sizes="100vw"
    srcset="
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2P4z8DwHwAFAAH/F1FwBgAAAABJRU5ErkJggg== 100w,
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NgaGD4DwAChAGAZM0bBgAAAABJRU5ErkJggg== 200w
    "
    width="400"
    height="400"
/>
LibWeb: Resolve viewport-relative <img sizes> values We still don't know how to resolve font-relative lengths in <img sizes> since we don't always have font size information available at this stage in the pipeline, but we can at least handle viewport-relative lengths. This fixes an issue on many websites where low-resolution images were loaded (appropriate for a small viewport) even when the viewport is big. 2023-08-21 12:51:02 +02:00			`<!doctype html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/img-srcset-viewport-relative-sizes-ref.html" />`
LibWeb: Resolve viewport-relative <img sizes> values We still don't know how to resolve font-relative lengths in <img sizes> since we don't always have font size information available at this stage in the pipeline, but we can at least handle viewport-relative lengths. This fixes an issue on many websites where low-resolution images were loaded (appropriate for a small viewport) even when the viewport is big. 2023-08-21 12:51:02 +02:00			`<img`
			`sizes="100vw"`
			`srcset="`
			`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2P4z8DwHwAFAAH/F1FwBgAAAABJRU5ErkJggg== 100w,`
			`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NgaGD4DwAChAGAZM0bBgAAAABJRU5ErkJggg== 200w`
			`"`
			`width="400"`
			`height="400"`
			`/>`