Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / svg / W3C-SVG-1.1 / linking-a-07-t.svg
blob7ac1a642a62edddb9c06a4551d320b9ea8e1cb11
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!--======================================================================-->
3 <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
4 <!--= Institute of Technology, Institut National de Recherche en =-->
5 <!--= Informatique et en Automatique, Keio University). All Rights =-->
6 <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
7 <!--======================================================================-->
8 <!-- =====================================================================-->
9 <!-- -->
10 <!-- linking-a-04-t.svg -->
11 <!-- -->
12 <!-- Verify use of xlink attributes on the 'a' element. -->
13 <!-- -->
14 <!-- --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
16 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
17 <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" owner="CL" reviewer="BB" desc="Verify use of xlink attributes on the 'a' element" status="accepted" version="$Revision: 1.10 $" testname="$RCSfile: linking-a-07-t.svg,v $">
18 <OperatorScript>
19 <Paragraph>
20 Verify the capability to handle basic links out of SVG content
21 using the 'a' element, with the xlink:href attributes.
22 There are three subtests, in each of which two similarly
23 colored arrows comprise the content of an 'a' element. The arrow on the left, outlined
24 in blue, has no "target" attribute; the arrow on the right, outlined in red, has a
25 "target" attribute. The
26 link destination is expressed by "xlink:href=".
27 The initial view of this test contains the six arrows, labelling text, and the usual template legend and frame.
28 </Paragraph>
29 <Paragraph>
30 The top-most (yellow) arrows link to an external SVG file, which is
31 local (in the same directory). The target file contains SVG 'text' elements
32 which comprise a TOC and brief description of all of the test files
33 for Linking. Upon clicking the left-most yellow arrow, the image of the linkingToc-t.svg
34 file should replace the initial view of this test case in the viewer frame. On clicking the right-most yellow arrow,
35 the image of the linkingToc-t.svg should appear in a new frame.
36 </Paragraph>
37 <Paragraph>
38 The middle (green) arrows links to the same external SVG file, but with xlink:show="new". Both the left and the right green arrows should produce the image of the linkingToc-t.svg in a new frame.
39 </Paragraph>
40 <Paragraph>
41 The bottom-most (blue) arrows links to the same external SVG file, but with xlink:show="replace". Both
42 the left and the right blue arrows should produce the image of the linkingToc-t.svg in a new frame.
43 </Paragraph>
44 <Paragraph>
45 The test uses the 'rect' and 'polygon' elements, as well as basic fill (solid simple colors),
46 stroke (black and colored wide and 1-pixel lines), font-family (Arial) and font-size properties.
47 </Paragraph>
48 </OperatorScript>
49 </SVGTestCase>
50 <title id="test-title">linking-a-07-t</title>
51 <desc id="test-desc">Verify use of xlink attributes on the 'a' element.</desc>
52 <!--======================================================================-->
53 <!--Content of Test Case follows... =====================-->
54 <!--======================================================================-->
55 <g id="test-body-content">
56 <text x="90" y="16" font-size="12">xlink 'show' attribute on 'a' element.</text>
57 <g transform="translate(-120)">
58 <a xlink:href="resources/linkingToc-t.svg">
59 <path fill="yellow" stroke="blue" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
60 </a>
61 <g transform="translate(0,90)">
62 <a xlink:href="resources/linkingToc-t.svg" xlink:show="new">
63 <path fill="lime" stroke="blue" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
64 </a>
65 </g>
66 <g transform="translate(0,180)">
67 <a xlink:href="resources/linkingToc-t.svg" xlink:show="replace">
68 <path fill="aqua" stroke="blue" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
69 </a>
70 </g>
71 </g>
72 <g transform="translate(120)">
73 <a xlink:href="resources/linkingToc-t.svg" target="foo">
74 <path fill="yellow" stroke="red" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
75 </a>
76 <g transform="translate(0,90)">
77 <a xlink:href="resources/linkingToc-t.svg" xlink:show="new" target="foo">
78 <path fill="lime" stroke="red" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
79 </a>
80 </g>
81 <g transform="translate(0,180)">
82 <a xlink:href="resources/linkingToc-t.svg" xlink:show="replace" target="foo">
83 <path fill="aqua" stroke="red" d="M 165,40 h 100 v -12 l 45 36 l -45 36 v -12 h -100 z"/>
84 </a>
85 </g>
86 </g>
87 </g>
88 <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.10 $</text>
89 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
90 </svg>