test_smilDynamicDelayedBeginElement.xhtml

Enable keyboard shortcuts

<html xmlns="http://www.w3.org/1999/xhtml">

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=699143

-->

<head>

  <title>Test for Bug 699143</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script type="text/javascript" src="smilTestUtils.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=699143">Mozilla Bug 699143</a>

<p id="display"></p>

<div id="content" style="display: none">

  <svg xmlns="http://www.w3.org/2000/svg">

    <rect id="r" height="500px" width="500px" fill="blue"/>

  </svg>

</div>

<pre id="test">

<script type="text/javascript">

<![CDATA[

/** Test for Bug 699143 */

SimpleTest.waitForExplicitFinish();

// Values for 'width' attr on the <rect> above

const INITIAL_VAL = "500px"

const FROM_VAL = "20px";

const TO_VAL   = "80px";

// Helper functions

// This function allows 10ms to pass

function allowTimeToPass() {

  var initialDate = new Date();

  while (new Date() - initialDate < 10) {}

// This function returns a newly created <animate> element for use in this test

function createAnim() {

  var a = document.createElementNS('http://www.w3.org/2000/svg', 'animate');

  a.setAttribute('attributeName', 'width');

  a.setAttribute('from', FROM_VAL);

  a.setAttribute('to',   TO_VAL);

  a.setAttribute('begin', 'indefinite');

  a.setAttribute('dur', '3s');

  a.setAttribute('fill', 'freeze');

  return a;

// Main Functions

function main() {

  // In unpatched Firefox builds, we'll only trigger Bug 699143 if we insert

  // an animation and call beginElement() **after** the document start-time.

  // Hence, we use executeSoon here to allow some time to pass.  (And then

  // we'll use a short busy-loop, for good measure.)

  SimpleTest.executeSoon(runTest);

function runTest() {

  var svg = SMILUtil.getSVGRoot();

  // In case our executeSoon fired immediately, we force a very small amount

  // of time to pass here, using a 10ms busy-loop.

  allowTimeToPass();

  is(svg.getCurrentTime(), 0,

     "even though we've allowed time to pass, we shouldn't have bothered " +

     "updating the current time, since there aren't any animation elements");

  // Insert an animation elem (should affect currentTime but not targeted attr)

  var r = document.getElementById("r");

  var a = createAnim();

  r.appendChild(a);

  isnot(svg.getCurrentTime(), 0,

       "insertion of first animation element should have triggered a " +

       "synchronous sample and updated our current time");

  is(r.width.animVal.valueAsString, INITIAL_VAL,

     "inserted animation shouldn't have affected its targeted attribute, " +

     "since it doesn't have any intervals yet");

  // Trigger the animation & be sure it takes effect

  a.beginElement();

  is(r.width.animVal.valueAsString, FROM_VAL,

     "beginElement() should activate our animation & set its 'from' val");

  // Rewind to time=0 & check target attr, to be sure beginElement()-generated

  // interval starts later than that.

  svg.setCurrentTime(0);

  is(r.width.animVal.valueAsString, INITIAL_VAL,

     "after rewinding to 0, our beginElement()-generated interval " +

     "shouldn't be active yet");

  SimpleTest.finish();

window.addEventListener("load", main);

]]>

</script>

</pre>

</body>

</html>