SVGViewTests/w3c/1.2T/svg/animate-elem-226-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="ED" owner="CL" desc="Test resolving of namespace names  in animations" status="accepted"
    approved="yes"
    version="$Revision: 1.5 $" testname="$RCSfile: animate-elem-226-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        The test is passed if you see a large swirly blue image, outlined in green. Below,
        two smaller copies also outlined in green. Below that, a thick red outline that does
        not have an image inside it. All three blue images with green outlines animate over
        ten seconds, alternating between a blue and a pink image.
        The animations all finish at the same time and display the pink image thereafter.
      </p>
      <p>
        This tests the resolving of QNames in the attributeName attribute value. The
        attribute tested is href, in the XLink namespace.
      </p>
      <p>
        If an image is displayed on top of the  red rectangle, or if the large image is not shown, or a
        purple image with 'FAIL' is shown rather than blue, the implementation is using <em>magic prefixes</em>
        and is only looking for the string 'xlink:href' rather than following the Namespaces in
        XML specification.
      </p>
      <p>
        If the right-most of the two small images animates but the left-most does not,
        the implementation  is only handling animation elements that are a direct child of
        the element to be animated, and does not implement animation specified by an
        XLink href. In that case, the large image will not animate either, but  this does
        not necessarily mean that namespace resolution is incorrect. (It does mean that
        the test is failed, however).
      </p>
      <p>
        If the two small images animate correctly but the large one does not, then
        resolution of QNames in the 'attributeName' attribute is not following the
        Namespaces in XML specification as required by the SVG specification.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: animate-elem-226-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">


    <!-- outlines for elements that should display (green) and should not (red) -->
    <g stroke-width="4" fill="none">
      <rect stroke="green"  x="35" y="50" width="410" height="160"/>
      <rect stroke="green"  x="280" y="260" width="82" height="32"/>
      <rect stroke="green"  x="380" y="260" width="82" height="32"/>
      <rect stroke="red"  x="380" y="310" width="82" height="32"/>
    </g>

    <!-- at the point of definition, the QName a:href resolves to the namespace name "http://www.w3.org/1999/xlink" and the local name "href" -->
    <g xmlns:a="http://www.w3.org/1999/xlink">
      <animate attributeName="a:href" xlink:href="#foo" dur="2s" repeatCount="5" to="../images/pinksquidj.png" fill="freeze"/>
    </g>
    <!-- if the initial blue image is not shown, or if a purple image is shown, 
      the implementation relies on magic prefixes and is broken.
      if the animation does not happen, the implementation is not resolving QNames to 
      namespace names in the correct way. -->
    <g xmlns:b="http://www.w3.org/1999/xlink" xmlns:xlink="http://example.net/bar">
      <image xml:id="foo" b:href="../images/bluesquidj.png" xlink:href="../images/purplesquidj.png"
        x="35" y="50" width="410" height="160"/>
    </g>

    <g>
      <animate attributeName="xlink:href" to="../images/pinksquidj.png" dur="2s"
        repeatCount="5" fill="freeze" xlink:href="#bar"/>
      <image xml:id="bar" xlink:href="../images/bluesquidj.png" x="280" y="260" width="82" height="32"/>
    </g>

    <!-- test that simple animation with the most common prefix and with the 
      animation element as a child of the target element, works -->
    <g>
      <image xlink:href="../images/bluesquidj.png" x="380" y="260" width="82" height="32">
        <animate attributeName="xlink:href" to="../images/pinksquidj.png" dur="2s"
          repeatCount="5" fill="freeze"/>
      </image>
    </g>
    <!-- test for magic prefixes; the image below should not display -->
    <g xmlns:xlink="http://example.org/foo">
      <image xlink:href="../images/bluesquidj.png" x="380" y="310" 
	xmlns:a="http://www.w3.org/1999/xlink" a:href="../images/1x1transp.png"
        width="82" height="32"/>
    </g>

    <text x="35" y="280">QName in attributeName</text>

  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.5 $</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>