third_party/WebKit/LayoutTests/svg/animations/multiple-begin-animation-events.html

   1 <!doctype html>
   2 <script>
   3 var beginsSeen = 0;
   4 var endsSeen = 0;
   5 function logBegin() {
   6   if (++beginsSeen > 4)
   7     fail();
   8 }
   9 function logEnd() {
  10   ++endsSeen;
  11   if (endsSeen == 4) {
  12     if (beginsSeen == 4)
  13       pass();
  14     else
  15       fail();
  16   }
  17 }
  18 function endTest(result) {
  19   window.clearTimeout(timer);
  20   document.body.appendChild(document.createTextNode(result));
  21   if (window.testRunner)
  22     testRunner.notifyDone();
  23 }
  24 function pass() {
  25   endTest('PASS');
  26 }
  27 function fail() {
  28   endTest('FAIL');
  29 }
  30 if (window.testRunner) {
  31   testRunner.dumpAsText();
  32   testRunner.waitUntilDone();
  33 }
  34 window.onload = function() {
  35   timer = window.setTimeout(fail, 2000);
  36 }
  37 </script>
  38 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="200">
  39   <rect width="10" height="10" fill="green">
  40     <animate id="a1" onbegin="logBegin()" onend="logEnd()" attributeName="x" begin="0s; 0.5s" dur="0.5s" from="0" to="100"/>
  41   </rect>
  42   <rect y="10" width="10" height="10" fill="green">
  43     <animate id="a2" onbegin="logBegin()" onend="logEnd()" attributeName="x" begin="a1.end; 1s" dur="0.5s" from="0" to="100"/>
  44   </rect>
  45 </svg>