test_smilAdditionFallback.html

Enable keyboard shortcuts

<!doctype html>

<meta charset=utf-8>

<head>

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

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

</head>

<p id=display></p>

<div id=content>

<svg id=svg>

<!-- These two animations will have a default duration of indefinite which means

     they will keep producing their first value forever -->

<animate calcMode="discrete" attributeName="height" by="10" dur="1s"

  fill="freeze"/>

<animate calcMode="discrete" attributeName="height" by="10" dur="1s"

  fill="freeze"/>

</svg>

</div>

<pre id="test">

<script>

'use strict';

SimpleTest.waitForExplicitFinish();

window.addEventListener('load', () => {

  const svg = document.getElementById('svg');

  is(getComputedStyle(svg).height, '0px', 'Computed height should be zero');

  SimpleTest.finish();

});

</script>

</pre>