LayoutTests/svg/W3C-SVG-1.1/animate-elem-85-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-flat.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 2006 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/.                          =-->
  <!--======================================================================-->
  <!-- NOTE:  CVS will automatically update the                             -->
  <!--        "$RCSfile: animate-elem-85-t.svg,v $" and "$Revision: 1.2 $"         -->
  <!--        fields in the file.                                           -->
  <!--        There is no need to update this information.                  -->
  <!-- =====================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="DJ" owner="CL" desc="test animation with currentColor" status="reviewed" version="$Revision: 1.2 $" testname="$RCSfile: animate-elem-85-t.svg,v $">
    <OperatorScript>
      <Paragraph>
All four  rectangles at the top should smoothly animate from black to green over 5 seconds.
During this time the bottom two rectangles should be black.
Then, the bottom two rectangles should smoothly animate from green, through orange, to yellow.
      </Paragraph>
    </OperatorScript>
  </SVGTestCase>
  <title id="test-title">$RCSfile: animate-elem-85-t.svg,v $</title>
  <!--======================================================================-->
  <!--Content of Test Case follows...                  =====================-->
  <!--======================================================================-->
  <g id="test-body-content">
  <rect  fill="#f00" x="30" y="50" height="100" width="90">
    <animate attributeName="fill"
                  from="#000000" to="green"
                  begin="0s" dur="5s" fill="freeze" />
  </rect>
  <rect  fill="#f00" x="140" y="50" height="100" width="90">
    <animate attributeName="fill"
                  from="#000000" to="#008000"
                  begin="0s" dur="5s" fill="freeze" />
  </rect>
  <rect color="green" fill="#f00" x="250" y="50" height="100" width="90">
    <animate attributeName="fill"
                  from="#000000" to="currentColor"
                  begin="0s" dur="5s" fill="freeze" />
  </rect>
  <rect color="black" fill="#f00" x="360" y="50" height="100" width="90">
    <animate attributeName="fill"
                  to="#008000" from="currentColor"
                  begin="0s" dur="5s" fill="freeze" />
  </rect>
  <rect color="black" fill="#f00" x="100" y="180" height="60" width="280">
    <animate attributeName="fill"
                  from="#008000" to="currentColor"
                  begin="5s" dur="5s" fill="freeze" />
    <animate attributeName="color"
                  to="yellow" from="red"
                  begin="5s" dur="5s" fill="freeze" />
  </rect>
  <rect color="black" fill="#f00" x="100" y="260" height="60" width="280">
    <animate attributeName="fill"
                  from="#008000" to="currentColor"
                  begin="5s" dur="5s" fill="freeze" />
    <animate attributeName="color"
                  to="yellow" from="#f00"
                  begin="5s" dur="5s" fill="freeze" />
  </rect>
  </g>
  <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.2 $</text>
  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
</svg>