SVGViewTests/w3c/1.2T/svg/animate-elem-219-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="DOH" desc="Identify the attributeType and the priority of an animation." status="accepted"
    approved="no"
    version="$Revision: 1.8 $" testname="$RCSfile: animate-elem-219-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Identify the attributeType and the priority of an animation.
      </p>
      <p>
        The main indication for a failed test is the appearance of red.
      </p>
      <p>
        With the top triangle is tested, that the points attribute of a
        polygon is animated using  attributeType auto or XML and
        is not animated if CSS is used, because there is no CSS property
        points applicable for the polygon element.
      </p>
      <p>
        The bottom triangles test the priority for an animation with
        attributeType CSS or auto over an XML animation, all for the
        stroke attribute. Even if the attributeType is completely ignored,
        the priority should still work for the bottom right triangle,
        because the priority is set here with a later begin.
      </p>
      <p>
        In all cases the coloring or positioning of elements is choosen in
        such a way, that normally not visible lower priority or not
        applicable animations are indicated with a red stroke,
        higher priority or applicable animations with a blue stroke
        or an animation in the blue range.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: animate-elem-219-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">

    <defs>

      <animate xlink:href="#bluetestp1"
       attributeName="points"
       attributeType="auto"
       from="10,10 110,10 110,110"
       to="10,110 110,110 10,10"
       dur="5s"
       fill="freeze" />
      <animate xlink:href="#redcomparep1"
        attributeName="points"
        attributeType="XML"
        from="10,10 110,10 110,110"
        to="10,110 110,110 10,10"
        dur="5s"
        fill="freeze" />
      <animate xlink:href="#redcomparep0"
        attributeName="points"
        from="10,10 110,10 110,110"
        to="10,110 110,110 10,10"
        dur="5s"
        fill="freeze" />

      <animate xlink:href="#redcomparep1"
        attributeName="points"
        attributeType="CSS"
        to="10,10 110,10 110,110"
        from="10,110 110,110 10,10"
        begin="5s"
        dur="5s"
        fill="freeze" />

      <animate xlink:href="#test1"
              attributeName="stroke"
              attributeType="CSS"
              from="#008"
              to="#88f"
              dur="10s"
              fill="freeze" />
      <animate xlink:href="#test1"
              attributeName="stroke"
              attributeType="XML"
              from="#800"
              to="#f44"
              dur="6s"
              begin="2s"
              fill="freeze" />

      <animate xlink:href="#test2"
              attributeName="stroke"
              attributeType="auto"
              from="#008"
              to="#88f"
              dur="10s"
              fill="freeze" />
      <animate xlink:href="#test2"
              attributeName="stroke"
              attributeType="XML"
              from="#800"
              to="#f44"
              dur="6s"
              begin="2s"
              fill="freeze" />

      <animate xlink:href="#test3"
              attributeName="stroke"
              attributeType="auto"
              from="#008"
              to="#88f"
              dur="6s"
              begin="2s"
              fill="freeze" />
      <animate xlink:href="#test3"
              attributeName="stroke"
              attributeType="XML"
              values="#008;#800;#f44;#88f"
              calcMode="discrete"
              dur="10s"
              fill="freeze" />

    </defs>
    <rect x="0" y="0" width="480" height="360" fill="#fff" />

    <g fill="none" stroke-width="10" stroke-linejoin="bevel">
      <g transform="translate(190,25)">
        <polygon id="redcomparep0" xml:id="redcomparep0" points="20,20 120,20 120,120" stroke="#800" />
        <polygon id="redcomparep1" xml:id="redcomparep1" points="20,20 120,20 120,120" stroke="#f00" />
        <polygon id="bluetestp1" xml:id="bluetestp1" points="20,20 120,20 20,120" stroke="#00f" />
      </g>
      <g>
        <polygon id="test1" xml:id="test1" points="50,200 150,200 150,300" stroke="#f00" />
        <polygon id="test2" xml:id="test2" points="200,200 200,300 300,300" stroke="#f00" />
        <polygon id="test3" xml:id="test3" points="300,200 400,200 400,300" stroke="#f00" />
      </g>
    </g>

    <g id="myText" xml:id="myText" font-size="12" stroke="none">
      <text x="10" y="50">attributeType and priority</text>
      <text x="10" y="70">red=wrong </text>
    </g>

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