2011-05-20 19:53:13 +00:00
<svg id= "svg-root" width= "100%" height= "100%" viewBox= "0 0 480 360" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" >
<!-- ====================================================================== -->
<!-- = Copyright 2008 World Wide Web Consortium, (Massachusetts = -->
<!-- = Institute of Technology, European Research Consortium for = -->
<!-- = Informatics and Mathematics (ERCIM), Keio University). = -->
<!-- = All Rights Reserved. = -->
<!-- = See http://www.w3.org/Consortium/Legal/. = -->
<!-- ====================================================================== -->
<d:SVGTestCase xmlns:d= "http://www.w3.org/2000/02/svg/testsuite/description/" template-version= "1.4" reviewer= "CM" author= "Microsoft" status= "reviewed" version= "$Revision: 1.3 $" testname= "$RCSfile: struct-use-14-f.svg,v $" >
<d:testDescription xmlns= "http://www.w3.org/1999/xhtml" href= "http://dev.w3.org/SVG/profiles/1.1F2/publish/struct.html#UseElement" >
<p >
Test that the 'use' element's 'xlink:href' attribute referencing dynamically set 'id' attributes is supported.
</p>
<p >
The test defines a 'use' element with its 'xlink:href' attribute set to 'pass' which is an invalid element id. A green 'rect' element has its 'id'
attribute set to 'pass' via 'setAttribute'. The referenced 'rect' is a child of a 'defs' element so that it does not render, and it is wrapped with a 'g'
element in order to obtain a DOM reference to it.
</p>
</d:testDescription>
<d:operatorScript xmlns= "http://www.w3.org/1999/xhtml" >
<p >
Run the test. No interaction required.
</p>
</d:operatorScript>
<d:passCriteria xmlns= "http://www.w3.org/1999/xhtml" >
<p >
The test is passed if there is a green square visible on the page, and no red.
</p>
</d:passCriteria>
</d:SVGTestCase>
<title id= "test-title" > $RCSfile: struct-use-14-f.svg,v $</title>
<defs >
<font-face font-family= "SVGFreeSansASCII" unicode-range= "U+0-7F" >
<font-face-src >
2011-07-21 20:12:46 +00:00
<font-face-uri xlink:href= "../custom/resources/SVGFreeSans.svg#ascii" />
2011-05-20 19:53:13 +00:00
</font-face-src>
</font-face>
</defs>
<g id= "test-body-content" font-family= "SVGFreeSansASCII,sans-serif" font-size= "18" >
<defs >
<g id= "test" >
<rect width= "100" height= "100" fill= "green" />
</g>
</defs>
<rect width= "100" height= "100" fill= "red" />
<use xlink:href= "#pass" />
<script type= "text/javascript" > < ![CDATA[
try
{
var test = document.getElementById("test");
var rect = test.firstChild.nextSibling;
rect.setAttribute("id", "pass");
}
catch(ex)
{
alert("ERROR: " + ex.message);
}]]>
</script>
</g>
<g font-family= "SVGFreeSansASCII,sans-serif" font-size= "32" >
<text id= "revision" x= "10" y= "340" stroke= "none" fill= "black" > $Revision: 1.3 $</text>
</g>
<rect id= "test-frame" x= "1" y= "1" width= "478" height= "358" fill= "none" stroke= "#000" />
<!-- comment out this watermark once the test is approved -->
<g id= "draft-watermark" >
<rect x= "1" y= "1" width= "478" height= "20" fill= "red" stroke= "black" stroke-width= "1" />
<text font-family= "SVGFreeSansASCII,sans-serif" font-weight= "bold" font-size= "20" x= "240" text-anchor= "middle" y= "18" stroke-width= "0.5" stroke= "black" fill= "white" > DRAFT</text>
</g>
</svg>