| <?xml version="1.0" encoding="UTF-8"?> |
| <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd"> |
| |
| <!--======================================================================--> |
| <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =--> |
| <!--= Institute of Technology, Institut National de Recherche en =--> |
| <!--= Informatique et en Automatique, Keio University). All Rights =--> |
| <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =--> |
| <!--======================================================================--> |
| <!-- =====================================================================--> |
| <!-- --> |
| <!-- linking-uri-01-b.svg --> |
| <!-- --> |
| <!-- Link test of the 'view' element and its attributes, 1 of 2, internal.--> |
| <!-- --> |
| <!-- Note. This is one of a pair, with linking-uri-02-b.svg, which is --> |
| <!-- identical except that all of it's links refer to the objects in --> |
| <!-- this file. --> |
| <!-- --> |
| <!-- Author : Lee Klosterman 01-February-2002 --> |
| <!-- Revised for Mobile Profiles: Jun Fujisawa 16-Jul-2002 --> |
| <!-- --> |
| <!-- History: --> |
| <!-- --> |
| <!-- =====================================================================--> |
| <!--======================================================================--> |
| <!--= Note. After October 2000, revision history is kept as CVS 'commit' =--> |
| <!--= log messages, and therefore is no longer in the preceding preamble.=--> |
| <!--======================================================================--> |
| <svg version="1.1" baseProfile="basic" 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"> |
| |
| <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" chapter="linking" section="uri" profile="f" index="01" > |
| |
| <!-- For BE-01 case, 'Previous' should target last BE of previous chapter-focus --> |
| |
| <!-- Previous focus="inBound" BENumber="03" / --> |
| |
| <!-- For last BE of chapter, 'Next' should target first BE of next chapter-focus --> |
| |
| <!-- Next focus="view" BENumber="05" / --> |
| <!-- Parent chapter="toc" / --> |
| |
| <!-- For now, all BE target DT-01 in same chapter-focus as Child --> |
| |
| <!-- Child testType="DT" DTNumber="01" / --> |
| |
| <OperatorScript version="$Revision: 1.6 $" testname="linking-uri-01-b.svg"> |
| <Paragraph> |
| Verify the capability to handle links to 'view' elements, and the |
| permissible attributes on those elements. All of the links in this |
| test case are internal, i.e., to 'view' elements within the SVG file. |
| This test is one of a pair, with linking-uri-02-b, which is substantially |
| identical except that its links target view elements in this test case, |
| i.e., they are external). |
| </Paragraph> |
| <Paragraph> |
| In the four quadrants of the initial picture are four graphical objects. |
| Clockwise from upper right, they are |
| a red rectangle, blue ellipse, green polygon (pentagon), and yellow |
| circle. Each is labelled and tightly boxes with a rectangular frame. |
| Each is referenced by an associated 'view' element, with attributes |
| per the labels in the picture. |
| </Paragraph> |
| <Paragraph> |
| In the center is a gray box with four lines of text, each of which says |
| "Go to" followed by Rectangle, Ellipse, Polygon, and Circle, respectively. |
| Each of these is contained within an 'a' element, whose xlink:href names |
| the respective 'view' element of the respective graphical object. |
| </Paragraph> |
| <Paragraph> |
| Activating the Rectangle link should cause no change in the picture. Its |
| 'view' element has no attributes (other than id), so the correct view in |
| the frame is of the parent 'svg' element, which is the whole picture. |
| </Paragraph> |
| <Paragraph> |
| Activating the Ellipse link should cause the initial picture to be replaced in the |
| frame by the whole ellipse element, uniformly scaled, with its boxing rect |
| just inside the frame. |
| </Paragraph> |
| <Paragraph> |
| Assuming that a "back" action has |
| been requested, activating the Polygon link should cause the initial |
| picture to remain unchanged within the frame, except that the polygon is |
| "highlighted" (the meaning of highlighted is not further specified). |
| </Paragraph> |
| <Paragraph> |
| Assuming that a "back" action has been requested, |
| activating the Circle link should cause the initial picture to be replaced in the |
| frame by the whole whole element, non-uniformly scaled so that it is stretched |
| horizontally into an ellipse, with its boxing rect just inside the frame. |
| </Paragraph> |
| <Paragraph> |
| There are several reference images associated with this test case. The first |
| illustrates the correct initial state of the rendered SVG file, which should |
| also be the correct picture after the Rectangle link is executed. |
| The second, third, and fourth illustrate the correct images as described |
| above after respectively the Ellipse, Polygon, and Circle links are activated. |
| (Note. This harness does not yet provide access to multiple PNGs; the PNG for the |
| initial view is shown.) |
| </Paragraph> |
| <Paragraph> |
| The test uses the 'rect', 'circle', 'ellipse', and 'polygon' elements, |
| as well as basic fill (solid simple colors), |
| stroke (black and colored 1-pixel lines), font-family (Arial) and font-size properties. |
| </Paragraph> |
| </OperatorScript> |
| |
| </SVGTestCase> |
| |
| <title id="test-title">linking-uri-01-b</title> |
| <desc id="test-desc">Link test of the 'view' element and its attributes, 1 of 2, internal.</desc> |
| <!--======================================================================--> |
| <!--Content of Test Case follows... =====================--> |
| <!--======================================================================--> |
| <g id="test-body-content"> |
| <text x="65" y="16" font-size="12" >Link test of the 'view' element and its attributes, 1 of 2, internal.</text> |
| <g transform="translate(-150,75)"> |
| <rect x="300" y="55" width="125" height="85" fill="#aaa" /> |
| <a xlink:href="#rect-view"> |
| <text x="320" y="70" fill="red" >Go to Rectangle</text> |
| </a> |
| <a xlink:href="#ellipse-view"> |
| <text x="320" y="90" fill="blue" >Go to Ellipse</text> |
| </a> |
| <a xlink:href="#circle-view"> |
| <text x="320" y="110" fill="yellow" >Go to Circle</text> |
| </a> |
| <a xlink:href="#polygon-view"> |
| <text x="320" y="130" fill="green" >Go to Polygon</text> |
| </a> |
| <text x="315" y="150" font-size="12" >Click element's line</text> |
| <text x="315" y="162" font-size="12" >to link to its view</text> |
| </g> |
| |
| <!-- View with no attributes. Picture should not change. --> |
| <view id="rect-view"/> |
| <rect id="rect-object" fill="red" x="295" y="36" width="135" height="68"/> |
| <text id="rect-label" x="340" y="116">Rectangle</text> |
| <rect x="292" y="29" width="141" height="91" fill="none" stroke="black" /> |
| <text x="302" y="130" font-size="10" >No view attributes except id.</text> |
| <!-- Test viewBox. Should blow-up the ellipse in the frame. --> |
| <view id="ellipse-view" viewBox="294 221 152 83"/> |
| <ellipse id="ellipse-object" fill="blue" cx="370" cy="251" rx="72" ry="32"/> |
| <text id="ellipse-label" x="355" y="295">Ellipse</text> |
| <rect x="295" y="216" width="150" height="82" fill="none" stroke="black" /> |
| <text x="315" y="214" font-size="10" >viewBox, should fill frame.</text> |
| <!-- Test preserveAspectRatio. --> |
| <view id="circle-view" viewBox="20 29 128 91.5" preserveAspectRatio="none"/> |
| <circle id="circle-object" fill="yellow" cx="85" cy="68" r="36"/> |
| <text id="circle-label" x="70" y="116">Circle</text> |
| <rect x="36" y="29" width="98" height="91" fill="none" stroke="black" /> |
| <text x="36" y="128" font-size="10" >viewBox & non-uniform</text> |
| <text x="36" y="137" font-size="10" >preserveAspectRatio</text> |
| <!-- Test viewTarget attribute, should highlight the polygon. --> |
| <view id="polygon-view" viewTarget="polygon-object"/> |
| <polygon id="polygon-object" fill="green" points="87,211 134,238 116,283 57,283 39,238 87,211"/> |
| <text id="polygon-label" x="65" y="295">Polygon</text> |
| <rect x="36" y="208" width="100" height="89" fill="none" stroke="black" /> |
| <text x="46" y="197" font-size="10" >viewTarget, should</text> |
| <text x="46" y="206" font-size="10" >highlight polygon</text> |
| </g> |
| |
| <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.6 $</text> |
| <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> |
| </svg> |
