<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" href="resources/svg_tests.css">
</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>SVG without explicit dimensions - 1x</h3>
    <div class="expected">expected<br/>
      <img src="resources/srcset.svg" width="200" height="100">
    </div>
    <div class="actual">actual<br/>
      <img src="resources/srcset.svg" width="200" height="100">
    </div>
    This test should show an SVG image of size 200x100, and intrinsic/natural size 200x100. The left half of the image should be green and there should be a blue circle in the center.<br/>
    <code class="stats" id="code1"></code>
    <br clear="all"/>
  </div>
  <div class="test">
    <h3>SVG with explicit dimensions - 1x</h3>
    <div class="expected">expected<br/>
      <img src="resources/srcset.svg" width="100" height="50">
    </div>
    <div class="actual">actual<br/>
      <img src="resources/srcset.svg" width="100" height="50">
    </div>
    This test should show an SVG image of size 100x50, and intrinsic/natural size 100x50. The left half of the image should be green and there should be a blue circle in the center.<br/>
    <code class="stats" id="code2"></code>
    <br clear="all"/>
  </div>
</body>
</html>
