SVGViewTests/w3c/1.2T/svg/linking-refs-206-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.2" baseProfile="tiny" xml: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" xmlns:xe="http://www.w3.org/2001/xml-events">
  <!--======================================================================-->
  <!--=  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/.                          =-->
  <!--======================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
    reviewer="AE" owner="CL" desc="Check xlink role and arcrole are stored in the DOM" status="accepted"
    approved="yes"
    version="$Revision: 1.3 $" testname="$RCSfile: linking-refs-206-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Tests that values for the xlink role and arcrole attributes are stored in the DOM.
        The test is passed if the raster image and the vector image both have dark
        green and light green borders, same as the reference image.
      </p>
      <p>
        The values for role and arcrole are based on the RDDL specifications of
        <a href="http://www.rddl.org/natures.html">well known link natures</a> (role) and <a href="http://www.rddl.org/purposes.html">well known link purposes</a> (arcrole). Roles uses the namespace URI (for XML content types) or the canonical IANA URI of the media type registration (for non-XML content).
      </p>
      <p>
        A uDOM script reads the values of the xlink role and arcrole attributes,
        checks that they are the correct values, and sets the fill colour of some rectangles
        from shades of red (meaning incorrect) to shades of green (meaning correct).
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: linking-refs-206-t.svg,v $</title>
  <defs>
    <font-face
      font-family="SVGFreeSansASCII"
      unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../images/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g xml:id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">

    <g>
      <rect xml:id="onear" x="10" y="40" width="173" height="140" fill="#C00"/>
      <rect xml:id="oner" x="20" y="50" width="153" height="120" fill="#600"/>
      <image xml:id="one" x="30" y="60" xlink:href="../images/disco.jpg" width="133" height="100"
        xlink:arcrole="http://www.rddl.org/purposes#icon" xlink:role="http://www.isi.edu/in-notes/iana/assignments/media-types/image/png"/>
    </g>
    <g transform="translate(200,0)">
      <rect xml:id="twoar" x="10" y="40" width="173" height="140" fill="#C00"/>
      <rect xml:id="twor" x="20" y="50" width="153" height="120" fill="#600"/>
      <animation xml:id="two" x="30" y="60" xlink:href="../images/ball.svg" width="133" height="100"
        xlink:arcrole="http://www.rddl.org/purposes#icon"
        xlink:role="http://www.w3.org/2000/svg"/>
    </g>
    <script type="application/ecmascript">
      var img1=document.getElementById("one");
      if (img1.getAttributeNS("http://www.w3.org/1999/xlink", "arcrole")=="http://www.rddl.org/purposes#icon")
      {
      document.getElementById("onear").setAttribute("fill", "#0C0");
      }
      if (img1.getAttributeNS("http://www.w3.org/1999/xlink", "role")=="http://www.isi.edu/in-notes/iana/assignments/media-types/image/png")
      {
      document.getElementById("oner").setAttribute("fill", "#060");
      }

      var anim1=document.getElementById("two");
      if (anim1.getAttributeNS("http://www.w3.org/1999/xlink", "arcrole")=="http://www.rddl.org/purposes#icon")
      {
      document.getElementById("twoar").setAttribute("fill", "#0C0");
      }
      if (anim1.getAttributeNS("http://www.w3.org/1999/xlink", "role")=="http://www.w3.org/2000/svg")
      {
      document.getElementById("twor").setAttribute("fill", "#060");
      }
    </script>
  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.3 $</text>
  </g>
  <rect xml: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 xml: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>