third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/linking-a-04-t.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   3
   4 <!--======================================================================-->
   5 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   6 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   7 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   8 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   9 <!--======================================================================-->
  10 <!-- =====================================================================-->
  11 <!--                                                                      -->
  12 <!-- linking-a-04-t.svg                                                   -->
  13 <!--                                                                      -->
  14 <!-- Verify basic out-bound links and the 'a' element.                    -->
  15 <!--                                                                      -->
  16 <!-- Notes.  This is based on sample files by Kelvin Lawrence et al, for  -->
  17 <!-- IBM's SVGview.  Requires supplemental file, linkingToc-t.svg.        -->
  18 <!--                                                                      -->
  19 <!-- Author : Lee Klosterman  31-January-2002                             -->
  20 <!-- Revised for Mobile Profiles: Jun Fujisawa 16-Jul-2002                -->
  21 <!--                                                                      -->
  22 <!-- History:                                                             -->
  23 <!--                                                                      -->
  24 <!-- =====================================================================-->
  25 <!--======================================================================-->
  26 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  27 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  28 <!--======================================================================-->
  29 <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  30
  31     <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" chapter="linking" section="a" profile="f" index="02" >
  32
  33         <!-- For BE-01 case, 'Previous' should target last BE of previous chapter-focus -->
  34
  35         <!-- Previous chapter="interact" focus="cursor" BENumber="08" / -->
  36
  37         <!-- For last BE of chapter, 'Next' should target first BE of next chapter-focus -->
  38
  39         <!-- Next focus="xlinkAttr" BENumber="02" / -->
  40         <!-- Parent chapter="toc" / -->
  41
  42         <!-- For now, all BE target DT-01 in same chapter-focus as Child -->
  43
  44         <!-- Child testType="DT" DTNumber="01" / -->
  45
  46                 <OperatorScript version="$Revision: 1.9 $" testname="linking-a-04-t.svg">
  47                     <Paragraph>
  48                 Verify the capability to handle basic links out of SVG content
  49                 using the 'a' element, with the xlink:href attributes.
  50                 There are three subtests, in each of which one
  51                 of three colored arrows comprise the content of an 'a' element.  The
  52                 link destination is expressed by "xlink:href=".
  53                 The initial view of this test contains the three arrows, a colored
  54                 circle, labelling text, and the usual template legend and frame.
  55             </Paragraph>
  56             <Paragraph>
  57                 The top-most (yellow) arrow links to an external SVG file, which is
  58                 local (in the same directory).  The target file contains SVG 'text' elements
  59                 which comprise a TOC and brief description of all of the test files
  60                 for Linking.  Upon clicking the first arrow, the image of the linkingToc-t.svg
  61                 file should replace the initial view of this test case in the viewer frame.
  62             </Paragraph>
  63             <Paragraph>
  64                 The middle (green) arrow links to an object in this SVG test file, the yellow
  65                 circle (id="internal-circle") immediately to its right, using "#circle-object"
  66                 as the value of of the xlink:href attribute.
  67                 There should be no change to the viewer frame upon clicking this arrow.
  68             </Paragraph>
  69             <Paragraph>
  70                 The bottom-most (blue) arrow links to remote non-SVG content, the W3C home page
  71                 using xlink:href attribute value "http://www.w3.org".  For viewers in a Web
  72                 browser environment, the W3C home page should replace the initial view
  73                 of this test case in the browser/viewer frame.  For other viewers (e.g.,
  74                 interactive but SVG-only standalone viewers), the result is undefined, but could
  75                 include such actions as a diagnostic "Error parsing..." message.
  76             </Paragraph>
  77             <Paragraph>
  78                 There are several reference images associated with this test case.  The first
  79                 illustrates the correct "start" or initial state of the rendered SVG file.
  80                 The second illustrates the correct image after the first link is activated
  81                 (to the linkingToc.svg file).  The third (for browser-environment viewers)
  82                 should match the current image of the W3C home page, as viewed with a
  83                 conventional browser.  (Note.  This harness does not yet
  84                 provide access to multiple PNGs; the first, initial-state PNG is shown.)
  85             </Paragraph>
  86             <Paragraph>
  87                 The test uses the 'rect' and 'polygon' elements, as well as basic fill (solid simple colors),
  88                 stroke (black and colored wide and 1-pixel lines), font-family (Arial) and font-size properties.
  89             </Paragraph>
  90         </OperatorScript>
  91
  92     </SVGTestCase>
  93
  94         <title id="test-title">linking-a-04-t</title>
  95         <desc id="test-desc">Verify basic out-bound links and the 'a' element.</desc>
  96         <!--======================================================================-->
  97         <!--Content of Test Case follows...                  =====================-->
  98         <!--======================================================================-->
  99         <g id="test-body-content">
 100                 <text x="90" y="16" font-size="12" >Basic out-bound links and the 'a' element.</text>
 101                 <!-- First linking test:  link to another SVG file in same location. -->
 102                 <a xlink:href="resources/linkingToc-t.svg">
 103                         <path fill="yellow" stroke="blue"  d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
 104                 </a>
 105                 <!-- Second linking test:  link to another object in this file. -->
 106                 <g transform="translate(0,90)">
 107                         <a xlink:href="#internal-circle">
 108                                 <path fill="lime" stroke="blue"  d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
 109                         </a>
 110                 </g>
 111                 <!-- Third linking test:  links to external, remote, non-SVG content (for  -->
 112                 <!-- plugin viewers in browser environments.)                              -->
 113                 <g transform="translate(0,180)">
 114                         <a xlink:href="http://www.w3.org">
 115                                 <path fill="aqua" stroke="blue"  d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
 116                         </a>
 117                 </g>
 118                 <!-- Link target of second test -->
 119                 <circle id="internal-circle" cx="390" cy="153" r="20" stroke="lime" fill="yellow" stroke-width="4" />
 120                 <text x="350" y="189" font-size="10" >id="internal-circle"</text>
 121         </g>
 122         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text>
 123         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 124 </svg>