test_smilConditionalProcessing.html

Enable keyboard shortcuts

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <title>Test conditional processing tests applied to animations</title>

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

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

</head>

<body>

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

<div id="content">

<svg id="svg" width="120px" height="120px"

     onload="this.pauseAnimations()">

  <circle r="50" fill="blue" id="circle">

    <set attributeName="cy" to="100" begin="0s" dur="100s" id="a"/>

    <set attributeName="cx" to="100" begin="a.end" dur="100s" id="b"/>

  </circle>

</svg>

</div>

<pre id="test">

<script class="testbody" type="text/javascript">

SimpleTest.waitForExplicitFinish();

function run() {

  SpecialPowers.pushPrefEnv({"set": [["intl.accept_languages", "en"]]}, runInternal);

function runInternal() {

  var svg = document.getElementById("svg"),

      a = document.getElementById("a"),

      b = document.getElementById("b"),

      circle = document.getElementById("circle");

  // Check initial state

  svg.setCurrentTime(50);

  is(a.getStartTime(), 0, "a has resolved start time at start");

  is(circle.cy.animVal.value, 100, "a is in effect at start");

  is(b.getStartTime(), 100, "b has resolved start time at start");

  // Add a failing conditional processing test

  a.setAttribute("systemLanguage", "no-such-language");

  ok(hasUnresolvedStartTime(a),

     "a has unresolved start time with failing conditional processing test");

  is(circle.cy.animVal.value, 0,

     "a is not in effect with failing conditional processing test");

  ok(hasUnresolvedStartTime(b),

     "b has unresolved start time with failing conditional processing test on a");

  // Remove failing conditional processing test

  a.removeAttribute("systemLanguage");

  is(a.getStartTime(), 0, "a has resolved start time after removing test");

  is(circle.cy.animVal.value, 100, "a is in effect after removing test");

  is(b.getStartTime(), 100, "b has resolved start time after removing test on a");

  // Add another failing conditional processing test

  // According to the spec, if a null string or empty string value is set for

  // the 'systemLanguage' attribute, the attribute returns "false".

  a.setAttribute("systemLanguage", "");

  // Fast forward until |a| would have finished

  var endEventsReceived = 0;

  a.addEventListener("endEvent", function() { endEventsReceived++; });

  svg.setCurrentTime(150);

  is(endEventsReceived, 0,

     "a does not dispatch end events with failing condition processing test");

  is(circle.cx.animVal.value, 0,

     "b is not in effect with failing conditional processing test on a");

  // Make test pass

  a.setAttribute("systemLanguage", "en");

  is(circle.cx.animVal.value, 100,

     "b is in effect with passing conditional processing test on a");

  SimpleTest.finish();

function hasUnresolvedStartTime(anim) {

  // getStartTime throws INVALID_STATE_ERR when there is no current interval

  try {

    anim.getStartTime();

    return false;

  } catch (e) {

    return true;

window.addEventListener("load", run);

</script>

</pre>

</body>

</html>