<svg xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="50" fill="DarkRed">
    <!-- animateMotion should not have animation attribute target attributes -->
    <animateMotion attributeName="fill"
                    path="M 0 0 L 100 100"
                    begin="0ms"
                    dur="100ms"
                    fill="freeze"/>
    <animateColor attributeName="fill" 
                    attributeType="XML"
                    from="DarkRed"
                    to="Green"
                    begin="0ms"
                    dur="100ms"
                    fill="freeze"/>
  </circle>
  <circle cx="160" cy="160" r="50" fill="Red">
    <!-- animateMotion should not have animation attribute target attributes -->
    <animateMotion attributeName="fill"
                    path="M 0 0 L -100 -100"
                    begin="0ms"
                    dur="100ms"
                    fill="freeze"/>
    <animate attributeName="fill" 
                    attributeType="XML"
                    from="Red"
                    to="Lime"
                    begin="0ms"
                    dur="100ms"
                    fill="freeze"/>
  </circle>
  <script>
    if (window.testRunner) {
      testRunner.waitUntilDone();
      window.setTimeout(function() { testRunner.notifyDone(); }, 500);
    }
  </script>
</svg>