src/third_party/WebKit/LayoutTests/svg/wicd/test-rightsizing-b.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4 <head>
   5   <title>WICD Core 1.0 #20-2 - rightsizing to percentage width</title>
   6   <link rel="stylesheet" type="text/css" href="resources/main.css"/>
   7   <link rel="stylesheet" type="text/css" href="resources/test-rightsizing-b.css"/>
   8 </head>
   9 <body>
  10     <div>
  11         <h1>rightsizing to percentage width</h1>
  12         <h4>WICD Core 1.0 #20-2</h4>
  13         <object data="resources/test-svg-child-object-rightsizing.svg" width="40%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
  14         <object data="resources/test-svg-child-object-rightsizing.svg" width="20%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
  15         <object data="resources/test-svg-child-object-rightsizing.svg" width="10%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
  16         <object data="resources/test-svg-child-object-rightsizing.svg" width="5%" type="image/svg+xml">[SVG NOT SUPPORTED]</object>
  17         <p>
  18             Above there must be four times the same, square SVG child visible, each referenced by an object element with different widths (40%, 20%, 10%, 5%) and no height defined.
  19             <br/><br/>
  20             Beyond there is the same, only with PNG images instead of SVG.
  21         </p>
  22         <object data="resources/test-svg-child-object-rightsizing.png" width="40%" type="image/png"/>
  23         <object data="resources/test-svg-child-object-rightsizing.png" width="20%" type="image/png"/>
  24         <object data="resources/test-svg-child-object-rightsizing.png" width="10%" type="image/png"/>
  25         <object data="resources/test-svg-child-object-rightsizing.png" width="5%" type="image/png"/>
  26         <p>
  27             This test has succeeded, if both rows look exactly the same (SVGs must be square!) and no red background color is visible.
  28         </p>
  29         <p><br/><a href="javascript:history.back()">Back</a></p>
  30     </div>
  31     <script src="../../resources/run-after-display.js"></script>
  32     <script>
  33     if (window.testRunner)
  34         testRunner.waitUntilDone();
  35     runAfterDisplay(function() {
  36         if (window.testRunner)
  37             testRunner.notifyDone();
  38     });
  39     </script>
  40 </body>
  41 </html>
  42