Specification link: 17.2 Linking into SVG content: URI fragments and SVG views

linking-a-10-f ← index → linking-uri-02-b

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

# linking-uri-01-b.svg
SVG Image | PNG Image

## Operator Script

In turn, activate each of the "Rectangle", "Ellipse", "Polygon" and "Circle" links in the gray box in the middle of the document, navigating back (for example with the Back button if in a browser) after activating each one.

## Pass Criteria

The test is passed if all of the sub-tests have the correct behavior:

- After activating the "Rectangle" link, the whole of the linking-uri-01-b.svg document must be displayed; that is, there will be no visual change. (The '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.)
- After navigating back and activating the "Ellipse" link, the view must change so that it is zoomed (uniformly scaled) and centered on the ellipse. The black rectangle surrounding the ellipse must be just within the frame.
- After navigating back and activating the "Circle" link, the view must change so that it is zoomed and centered on the yellow circle. The view is scaled non-uniformly, however, so that the circle is stretched horizontally ito an ellipse. The black rectangle surrounding it must be just within the frame.
- After navigating back and activating the "Polygon" link, the view must not change.

## Test Description

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 in the same SVG file.

This test is identical to linking-uri-02-b except that the links there are external.

In the four quadrants of the initial picture are four graphical objects. Clockwise from upper right, they are a purple rectangle, blue ellipse, green polygon (pentagon), and yellow circle. Each is labelled and tightly boxes with a rectangular frame. These are identical to their counterparts in linking-uri-01-b.svg, in which file each has an associated 'view' element, with attributes per the labels in the initial picture.

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.

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.)

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.

linking-a-10-f ← index → linking-uri-02-b