LayoutTests/svg/W3C-SVG-1.1/animate-elem-84-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg version="1.1" baseProfile="tiny" 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 2000 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, Institut National de Recherche en        =-->
  <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
  <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
  <!--======================================================================-->
  <!-- NOTE:  CVS will automatically update the                             -->
  <!--        "$RCSfile: animate-elem-84-t.svg,v $" and "$Revision: 1.4 $"         -->
  <!--        fields in the file.                                           -->
  <!--        There is no need to update this information.                  -->
  <!-- =====================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="CC"
    owner="CL" desc="test animation of keywords that resolve to rgb colors " status="accepted"
    version="$Revision: 1.4 $" testname="$RCSfile: animate-elem-84-t.svg,v $">
    <OperatorScript>
      <Paragraph> Test animation of color keywords that resolve to animatable RGB values.Five 
        black squares are shown. After two seconds, all five squares should  turn red and 
        then smoothly animate the fill color to green over the next five seconds.
      </Paragraph>
    </OperatorScript>
  </SVGTestCase>
  <title id="test-title">$RCSfile: animate-elem-84-t.svg,v $</title>
  <!--======================================================================-->
  <!--Content of Test Case follows...                  =====================-->
  <!--======================================================================-->
  <g id="test-body-content">
    <g transform="scale(1.1) translate (50,20)">
      <rect color="green" fill="#000000" height="100" width="100">
        <animate attributeName="fill" from="#f00" to="currentColor" begin="2s" dur="5s"
          fill="freeze"/>
      </rect>
      <rect color="red" fill="#000000" height="100" width="100" y="150">
        <animate attributeName="fill" from="currentColor" to="green" begin="2s" dur="5s"
          fill="freeze"/>
      </rect>
      <rect color="green" fill="#000000" x="120" height="100" width="100" y="75">
        <animate attributeName="fill" from="#f00" to="green" begin="2s" dur="5s" fill="freeze"
        />
      </rect>
      <g fill="#070">
        <rect color="green" fill="#000000" x="240" height="100" width="100">
          <animate attributeName="fill" from="#f00" to="inherit" begin="2s" dur="5s"
            fill="freeze"/>
        </rect>
      </g>
      <g fill="#F00">
        <rect color="green" fill="#000000" x="240" height="100" width="100" y="150">
          <animate attributeName="fill" from="inherit" to="green" begin="2s" dur="5s"
            fill="freeze"/>
        </rect>
      </g>
      <g text-anchor="middle" font-size="14">
        <text x="50" y="130">currentColor</text>
        <text x="170" y="55">green</text>
        <text x="290" y="130">inherit</text>
      </g>
    </g>
  </g>
  <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.4 $</text>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
</svg>