Upstream version 5.34.92.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / fast / hidpi / image-srcset-png-expected.html
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4     <link rel="stylesheet" href="resources/svg_tests.css">
5 </head>
6 <body>
7   <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> testcases for SVG</h2>
8   <div class="test">
9     <h3>PNG without explicit dimensions - 1x</h3>
10     <div class="expected">expected<br/>
11       <img src="resources/srcset.png" width="200" height="100">
12     </div>
13     <div class="actual">actual<br/>
14       <img src="resources/srcset.png" width="200" height="100">
15     </div>
16     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/>
17     <code class="stats" id="code5"></code>
18     <br clear="all"/>
19   </div>
20   <div class="test">
21     <h3>PNG with explicit dimensions - 1x</h3>
22     <div class="expected">expected<br/>
23       <img src="resources/srcset.png" width="100" height="50">
24     </div>
25     <div class="actual">actual<br/>
26       <img src="resources/srcset.png" width="100" height="50">
27     </div>
28     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/>
29     <code class="stats" id="code6"></code>
30     <br clear="all"/>
31   </div>
32   <div class="test">
33     <h3>PNG without explicit dimensions - 2x</h3>
34     <div class="expected">expected<br/>
35       <img src="resources/srcset.png" width="100" height="50">
36     </div>
37     <div class="actual">actual<br/>
38       <img src="resources/srcset.png" width="100" height="50">
39     </div>
40     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/>
41     <code class="stats" id="code7"></code>
42     <br clear="all"/>
43   </div>
44   <div class="test">
45     <h3>PNG with explicit dimensions - 4x</h3>
46     <div class="expected">expected<br/>
47       <img src="resources/srcset.png" width="100" height="50">
48     </div>
49     <div class="actual">actual<br/>
50       <img src="resources/srcset.png" width="100" height="50">
51     </div>
52     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/>
53     <code class="stats" id="code8"></code>
54     <br clear="all"/>
55   </div>
56   <script src="resources/print_img_failure.js"></script>
57 </body>
58 </html>