LayoutTests/fast/hidpi/image-srcset-png.html - Issue 25105004: Use srcset's resource pixel density to determine intrinsic size

Unified Diff: LayoutTests/fast/hidpi/image-srcset-png.html

Issue 25105004: Use srcset's resource pixel density to determine intrinsic size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@cleantests

Patch Set: Fixed crash+rebased Created 7 years, 2 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/fast/hidpi/image-srcset-only-src-attribute-expected.txt ('k') | LayoutTests/fast/hidpi/image-srcset-png-canvas.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/hidpi/image-srcset-png.html

diff --git a/LayoutTests/fast/hidpi/image-srcset-png.html b/LayoutTests/fast/hidpi/image-srcset-png.html

new file mode 100644

index 0000000000000000000000000000000000000000..43b09153f9b8fad009a00e5915fb8b007a83c7c3

--- /dev/null

+++ b/LayoutTests/fast/hidpi/image-srcset-png.html

@@ -0,0 +1,64 @@

+<!DOCTYPE HTML>

+<html>

+<head>

+ <link rel="stylesheet" href="resources/svg_tests.css">

+ <script src="resources/svg_canvas_helper.js"></script>

+</head>

+<body>

+ <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> testcases for SVG</h2>

+ <div class="test">

+ <h3>PNG without explicit dimensions - 1x</h3>

+ <div class="expected">expected<br/>

+ <img src="resources/srcset.png" width="200" height="100">

+ </div>

+ <div class="actual">actual<br/>

+ <img id="png1" src="resources/srcset.png">

+ </div>

+ This test should show a PNG image of size 200x100, and intrinsic/natural size 200x100. The left half of the image should be red and there should be a black circle in the center.<br/>

+ <code class="stats" id="code5"></code>

+ <script>printSizes('png1', 'code5');</script>

+ <br clear="all"/>

+ </div>

+ <div class="test">

+ <h3>PNG with explicit dimensions - 1x</h3>

+ <div class="expected">expected<br/>

+ <img src="resources/srcset.png" width="100" height="50">

+ </div>

+ <div class="actual">actual<br/>

+ <img id="png2" src="resources/srcset.png" width="100" height="50">

+ </div>

+ This test should show a PNG image of size 100x50, and intrinsic/natural size 100x50. The left half of the image should be red and there should be a black circle in the center.<br/>

+ <code class="stats" id="code6"></code>

+ <script>printSizes('png2', 'code6');</script>

+ <br clear="all"/>

+ </div>

+ <div class="test">

+ <h3>PNG without explicit dimensions - 2x</h3>

+ <div class="expected">expected<br/>

+ <img src="resources/srcset.png" width="100" height="50">

+ </div>

+ <div class="actual">actual<br/>

+ <img id="png3" src="" srcset="resources/srcset.png 2x">

+ </div>

+ This test should show a PNG image of size 100x50, and intrinsic/natural size 100x50. The left half of the image should be red and there should be a black circle in the center.<br/>

+ <code class="stats" id="code7"></code>

+ <script>printSizes('png3', 'code7');</script>

+ <br clear="all"/>

+ </div>

+ <div class="test">

+ <h3>PNG with explicit dimensions - 4x</h3>

+ <div class="expected">expected<br/>

+ <img src="resources/srcset.png" width="100" height="50">

+ </div>

+ <div class="actual">actual<br/>

+ <img id="png4" src="" srcset="resources/srcset.png 4x" width="100" height="50">

+ </div>

+ This test should show a PNG image of size 100x50, and intrinsic/natural size 50x25. The left half of the image should be red and there should be a black circle in the center.<br/>

+ <code class="stats" id="code8"></code>

+ <script>printSizes('png4', 'code8');</script>

+ <br clear="all"/>

+ </div>

+</body>

+</html>