SVGViewTests/w3c/1.2T/svg/animate-elem-67-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="CN" owner="VH" desc="Basic test on restart attribute" status="accepted"
    approved="yes"
    version="$Revision: 1.7 $" testname="$RCSfile: animate-elem-67-t.svg,v $"> 
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>This tests performs basic tests on restart attribute</p>
      <p>
        Each row in the test shows different rectangles subject to &lt;set&gt; animations with different configurations
        with regards to the restart attribute. For each row, the animation should be active during the first 5 seconds of
        the animations where the red rectangle should show in the right column. At five seconds into the animation, all
        the rectangles should move to their left position.
      </p>
      <p>
        On the first row, the &lt;set&gt; animation has a begin attribute set to '0s;1s' and a dur attribute set to 4s.
        This should result in a first interval of (0s &lt;= t &lt; 4s) which should be superceeded, at 1s, by a new
        interval of (1s &lt;= t &lt; 5s) because the default restart behavior is 'always'. Consequently, the rectangle
        should be in the right position during the (0s &lt;= t &lt; 5s) interval and move to the left position at 5s.
      </p>
      <p>
        On the second row, the &lt;set&gt; animation has a begin attribute set to '0s;1s', a dur attribute set to 4s and
        a restart attribute set to always. The behavior should be the same as for the first row.
      </p>
      <p>
        On the third row, the first (left most) rectangle's &lt;set&gt; animation has a begin attribute set to '0s;1s',
        a dur set to 5s and a restart attribute set to whenNotActive. Because of the rules for computing intervals, the
        animation's interval is (0s &lt;= t &lt; 5s) and is not superseded by a (1s &lt;= t &lt; 6s) interval because of
        the restart value. The second (right most) red rectangle's &lt;set&gt; animation has a begin attribute set to
        '0s;2.5s' and a dur attribute set to 2.5s. This results in a first interval (0s &lt;= t &lt; 2.5s) which is
        followed by a (2.5s &lt;= t &lt; 5s) interval. Consequently, the rectangle stays on its right position for the
        first five seconds before it definitively moves to the left position.
      </p>
      <p>
        On the fourth row, the &lt;set&gt; animation has a begin attribute set to '0s;5s' and a dur attribute set to 5s.
        This results in a first interval of (0s &lt;= t &lt; 5s). Because the restart attribute is set to 'never', the
        following possible interval, (5s &lt;= t &lt; 10s) does not apply and the animation is only active for the first
        5 seconds.
      </p>
      <p>
        The fifth row shows a simple animated red rectangle which lasts for 5 seconds. It shows a reference of how the
        other animations should behave visually: all red rectangles should have the same horizontal position as the one
        on the reference row, at any time during the animation.
      </p>
    </d:OperatorScript> 
  </SVGTestCase> 
  <title xml:id="test-title">$RCSfile: animate-elem-67-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> 
      <rect xml:id="shadow" x="-6" y="-6" width="12" height="12" fill="#ccc" stroke="black" stroke-width="1" /> 
    </defs>
    <text text-anchor="middle" x="240" y="30" font-size="20">restart</text>
    <g transform="translate(130, 80)"> 
      <g transform="translate(120,45)" text-anchor="end" font-size="14"> 
        <text>no restart (defaults to always)</text> 
        <text y="25">restart="always"</text> 
        <text y="50">restart="whenNotActive"</text> 
        <text y="75">restart="never"</text> 
        <text y="100">reference</text> 
      </g> 
      <g xml:id="timeMarkersText" transform="translate(180, 25)" text-anchor="middle" font-size="14"> 
        <text>&gt; 5s</text> 
        <text x="80">0s-5s</text> 
      </g> 
      <g transform="translate(180,40)" stroke="black">  
        <g xml:id="setOne"> 
          <use xlink:href="#shadow" x="0" /> 
          <use xlink:href="#shadow" x="80" /> 
          <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)"> 
            <set xml:id="firstSet" attributeName="x" to="74" begin="0s;1s" dur="4s" /> 
          </rect> 
        </g> 
        <g xml:id="setTwo" transform="translate(0, 25)"> 
          <use xlink:href="#shadow" x="0" /> 
          <use xlink:href="#shadow" x="80" /> 
          <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)"> 
            <set attributeName="x" to="74" begin="0s;1s" dur="4s" restart="always" /> 
          </rect> 
        </g> 
        <g xml:id="setThree" transform="translate(0, 50)"> 
          <use xlink:href="#shadow" x="0" /> 
          <use xlink:href="#shadow" x="80" /> 
          <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)"> 
            <set attributeName="x" to="74" begin="0s;1s" dur="5s" restart="whenNotActive" /> 
          </rect> 
          <g transform="translate(20,0)"> 
            <use xlink:href="#shadow" x="0" /> 
            <use xlink:href="#shadow" x="80" /> 
            <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)"> 
              <set attributeName="x" to="74" begin="0s;2.5s" dur="2.5s" restart="whenNotActive" /> 
            </rect> 
          </g> 
        </g> 
        <g xml:id="setFour" transform="translate(0, 75)"> 
          <use xlink:href="#shadow" x="0" /> 
          <use xlink:href="#shadow" x="80" /> 
          <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)"> 
            <set attributeName="x" to="74" begin="0s;5s" dur="5s" restart="never" /> 
          </rect> 
        </g> 
        <g xml:id="reference" transform="translate(0, 100)"> 
          <use xlink:href="#shadow" x="0" /> 
          <use xlink:href="#shadow" x="80" /> 
          <rect x="-6" y="-6" width="12" height="12" fill="rgb(204,0,102)"> 
            <set attributeName="x" to="74" dur="5s" /> 
          </rect> 
        </g> 
      </g> 
    </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.7 $</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>